#96abe5

Color #96abe5

A moderately saturated light blue.

Closest named color Light Steel Blue #b0c4de · ΔE 19.74 Nearest Tailwind class indigo-300 #a3b3ff · ΔE 3.8

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

Conversions

HEX

#96abe5

RGB

rgb(150, 171, 229)

HSL

hsl(224.1, 60.3%, 74.3%)

HSV / HSB

hsv(224.1, 34.5%, 89.8%)

CMYK

cmyk(34.5%, 25.3%, 0%, 10.2%)

LAB

lab(70.36, 6.4, -31.5)

LCH

lch(70.36, 32.14, 281.48)

OKLCH

oklch(74.7%, 0.0874, 268.89)

HWB

hwb(224.1, 58.8%, 10.2%)

Harmony colors

Complementary

#e5d096

Analogous

#96d2e5

#96abe5

#a996e5

Triadic

#96abe5

#e596ab

#abe596

Split-complementary

#96abe5

#e5a996

#d2e596

Tetradic

#96abe5

#d096e5

#e5d096

#abe596

Square

#96abe5

#e596d2

#e5d096

#96e5a9

Shades

Color #96abe5 mixed toward black.

#6382d8

#325bca

#264498

#192d65

#0d1733

Tints

Color #96abe5 mixed toward white.

#a7b9e9

#b9c7ee

#cad5f2

#dce3f6

#edf1fb

Tones

Color #96abe5 mixed toward gray.

#9daede

#a3b1d8

#aab4d1

#b0b7cb

#b7bac4

Accessibility

Aa White text on this color

2.27:1

Aa Black text on this color

9.25:1

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

Under color vision deficiencies

Protanopia

#a0a0d9 · ΔE 6.3

Deuteranopia

#9e9dd6 · ΔE 6.8

Tritanopia

#97cfcc · ΔE 24.1

Achromatopsia

#acacac · ΔE 18.9

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

Code

CSS

background-color: #96abe5;

Tailwind (arbitrary value)

bg-[#96abe5]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#96abe5 (#96abe5) is rgb(150, 171, 229) in RGB.

No, #96abe5 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 #96abe5, or check how it holds up for accessibility.

Generate a palette → Check contrast