#98b9e7

Color #98b9e7

A moderately saturated light blue.

Closest named color Light Sky Blue #87cefa · ΔE 12.05 Nearest Tailwind class indigo-300 #a3b3ff · ΔE 5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#98b9e7

RGB

rgb(152, 185, 231)

HSL

hsl(214.9, 62.2%, 75.1%)

HSV / HSB

hsv(214.9, 34.2%, 90.6%)

CMYK

cmyk(34.2%, 19.9%, 0%, 9.4%)

LAB

lab(74.28, -0.26, -26.55)

LCH

lch(74.28, 26.55, 269.44)

OKLCH

oklch(77.8%, 0.0753, 256.72)

HWB

hwb(214.9, 59.6%, 9.4%)

Harmony colors

Complementary

#e7c698

Analogous

#98e1e7

#98b9e7

#9e98e7

Triadic

#98b9e7

#e798b9

#b9e798

Split-complementary

#98b9e7

#e79e98

#e1e798

Tetradic

#98b9e7

#c698e7

#e7c698

#b9e798

Square

#98b9e7

#e798e1

#e7c698

#98e79e

Shades

Color #98b9e7 mixed toward black.

#6496db

#3073cf

#24569b

#183968

#0c1d34

Tints

Color #98b9e7 mixed toward white.

#a9c5eb

#bad0ef

#ccdcf3

#dde8f7

#eef3fb

Tones

Color #98b9e7 mixed toward gray.

#9fbae0

#a5bbda

#acbcd3

#b2bdcd

#b9bec6

Accessibility

Aa White text on this color

2.01:1

Aa Black text on this color

10.43:1

Black text reads better on this background (10.43:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#a7a8dd · ΔE 9.7

Deuteranopia

#a5a3db · ΔE 10.7

Tritanopia

#9ad5d3 · ΔE 20.2

Achromatopsia

#b7b7b7 · ΔE 16.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #98b9e7;

Tailwind (arbitrary value)

bg-[#98b9e7]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#98b9e7 (#98b9e7) is rgb(152, 185, 231) in RGB.

No, #98b9e7 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #98b9e7, or check how it holds up for accessibility.

Generate a palette → Check contrast