#96a5de

Color #96a5de

A moderately saturated light blue.

Closest named color Cornflower Blue #6495ed · ΔE 19.95 Nearest Tailwind class indigo-300 #a3b3ff · ΔE 5.3

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

Conversions

HEX

#96a5de

RGB

rgb(150, 165, 222)

HSL

hsl(227.5, 52.2%, 72.9%)

HSV / HSB

hsv(227.5, 32.4%, 87.1%)

CMYK

cmyk(32.4%, 25.7%, 0%, 12.9%)

LAB

lab(68.51, 7.96, -30.52)

LCH

lch(68.51, 31.54, 284.62)

OKLCH

oklch(73.1%, 0.0847, 272.77)

HWB

hwb(227.5, 58.8%, 12.9%)

Harmony colors

Complementary

#decf96

Analogous

#96c9de

#96a5de

#ab96de

Triadic

#96a5de

#de96a5

#a5de96

Split-complementary

#96a5de

#deab96

#c9de96

Tetradic

#96a5de

#cf96de

#decf96

#a5de96

Square

#96a5de

#de96c9

#decf96

#96deab

Shades

Color #96a5de mixed toward black.

#677ccf

#3b56bd

#2c418d

#1e2b5e

#0f162f

Tints

Color #96a5de mixed toward white.

#a7b4e3

#b9c3e9

#cad2ee

#dce1f4

#edf0f9

Tones

Color #96a5de mixed toward gray.

#9ca8d8

#a2acd2

#a8afcc

#aeb3c6

#b4b6c0

Accessibility

Aa White text on this color

2.4:1

Aa Black text on this color

8.73:1

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

Under color vision deficiencies

Protanopia

#9d9dd2 · ΔE 4.9

Deuteranopia

#9c9bcf · ΔE 5.5

Tritanopia

#97c8c6 · ΔE 24

Achromatopsia

#a7a7a7 · ΔE 18.8

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

Code

CSS

background-color: #96a5de;

Tailwind (arbitrary value)

bg-[#96a5de]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

#96a5de (#96a5de) is rgb(150, 165, 222) in RGB.

No, #96a5de is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast