#72aaee

Color #72aaee

A vivid, highly saturated light blue.

Closest named color Cornflower Blue #6495ed · ΔE 14.6 Nearest Tailwind class blue-400 #51a2ff · ΔE 3.6

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

Conversions

HEX

#72aaee

RGB

rgb(114, 170, 238)

HSL

hsl(212.9, 78.5%, 69%)

HSV / HSB

hsv(212.9, 52.1%, 93.3%)

CMYK

cmyk(52.1%, 28.6%, 0%, 6.7%)

LAB

lab(68.39, 0.5, -39.64)

LCH

lch(68.39, 39.64, 270.72)

OKLCH

oklch(72.7%, 0.1158, 253.96)

HWB

hwb(212.9, 44.7%, 6.7%)

Harmony colors

Complementary

#eeb672

Analogous

#72e8ee

#72aaee

#7872ee

Triadic

#72aaee

#ee72aa

#aaee72

Split-complementary

#72aaee

#ee7872

#e8ee72

Tetradic

#72aaee

#b672ee

#eeb672

#aaee72

Square

#72aaee

#ee72e8

#eeb672

#72ee78

Shades

Color #72aaee mixed toward black.

#3e8ae8

#196cd1

#13519d

#0d3669

#061b34

Tints

Color #72aaee mixed toward white.

#89b8f1

#a1c6f4

#b8d4f7

#d0e3f9

#e7f1fc

Tones

Color #72aaee mixed toward gray.

#7cabe4

#87acd9

#91adcf

#9baec5

#a6afba

Accessibility

Aa White text on this color

2.41:1

Aa Black text on this color

8.7:1

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

Under color vision deficiencies

Protanopia

#8e8ee0 · ΔE 13.6

Deuteranopia

#8a86dc · ΔE 15.3

Tritanopia

#76d4d1 · ΔE 25

Achromatopsia

#a7a7a7 · ΔE 21

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

Code

CSS

background-color: #72aaee;

Tailwind (arbitrary value)

bg-[#72aaee]

Related colors

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Cornflower Blue #6495ed

Frequently asked questions

#72aaee (#72aaee) is rgb(114, 170, 238) in RGB.

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

Generate a palette → Check contrast