LightCyan color

Inspect LightCyan (#E0FFFF) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.

#e0ffff

LightCyan

LightCyan color values

LightCyan

#E0FFFF

Black text reads best on this background, at 19.92:1.

LightCyan is one of the 148 CSS named colors, and resolves to #E0FFFF in every browser. In numbers that is rgb(224, 255, 255) and hsl(180, 100%, 94%). Perceptually it is a very light, near-neutral color: OKLCH puts its lightness at 98% and its chroma at 0.032. It carries almost no chroma, so it behaves as a neutral rather than as a hue, and belongs with the off-whites.

White text only reaches 1.05:1 here, so black text is the safer pairing at 19.92:1. Because it is this light, LightCyan works best as a page or card background with dark text over it.

The closest CSS named colors to LightCyan, measured with CIEDE2000, are Azure (#F0FFFF), MintCream (#F5FFFA), HoneyDew (#F0FFF0). If LightCyan is not quite right, those are the nearest keywords to try before reaching for a custom value.

HEX

#E0FFFF

RGB

rgb(224, 255, 255)

HSL

hsl(180, 100%, 94%)

HWB

hwb(180 88% 0%)

CMYK

cmyk(12%, 0%, 0%, 0%)

LAB

lab(97.77 -10.35 -3.56)

LCH

lch(97.77 10.95 199)

OKLCH

oklch(97.79% 0.032 196.64)

Is LightCyan accessible?

WCAG asks for 4.5:1 between body text and its background. On #E0FFFF white text measures 1.05:1 and black text 19.92:1, so black clears it and white does not.

White text on LightCyan

WCAG 2.2

1.05:1

APCA

Lc 0

Fails AA body text

Fails AAA body text

Fails AA large text

Black text on LightCyan

WCAG 2.2

19.92:1

APCA

Lc 102

Passes AA body text

Passes AAA body text

Passes AA large text

Check LightCyan against any other color in the contrast checker.

Tints and shades of LightCyan

LightCyan sits at 98% OKLCH lightness. Holding its hue and chroma and moving only that value carries it down to #000808, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.

Shades, toward black

#A9C7C7

20% darker

#759191

40% darker

#445F5F

60% darker

#173131

80% darker

#000808

100% darker

Build a full accessible scale from #E0FFFF in the shade generator.

Colors that go with LightCyan

Hues rotated around #E0FFFF in OKLCH, then pulled back into the sRGB gamut. Each swatch is labelled with the nearest CSS named color so you have a keyword to start from.

Complementary

LightCyan sits at 197 degrees. Rotating it a half turn lands on 17 degrees, the hue directly opposite. It is the strongest pairing you can make without changing lightness, and the one most likely to vibrate if you use both at full chroma.

Analogous

The neighbors of LightCyan at 167 and 227 degrees. They stay close enough to read as the same family, which is what you want for hover states, secondary surfaces and gradients.

Triadic

197, 317 and 77 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.

Split complementary

Instead of the complement at 17 degrees, this pair flanks it at 347 and 47. You keep most of the contrast of a complementary pairing while losing the harshness.

Explore more combinations around LightCyan on the color wheel.

How LightCyan looks with color blindness

The biggest shift is under deuteranopia, where #E0FFFF reads as #F4F6FF, 12.5 CIEDE2000 units away. If LightCyan is the only thing marking a state or a series, roughly one viewer in twelve will miss it.

Protanopia

#FAFBFF

Deuteranopia

#F4F6FF

Tritanopia

#D8FFFF

Achromatopsia

#F8F8F8

Colors similar to LightCyan

The nearest CSS keywords to #E0FFFF, ranked by perceptual distance rather than by how close their hex digits happen to look.