Light Cyan #E0FFFF

Light Cyan#E0FFFF · rgb(224, 255, 255)

Light Cyan color codes

CSS namelightcyan
HEX#E0FFFF
RGBrgb(224, 255, 255)
HSLhsl(180, 100%, 94%)
CMYKcmyk(12%, 0%, 0%, 0%)
Decimal14745599

Shades of Light Cyan (darker)

#CAE6E6 · #B3CCCC · #9DB3B3 · #869999 · #708080 · #5A6666 · #434D4D · #2D3333 · #161A1A

Tints of Light Cyan (lighter)

#E3FFFF · #E6FFFF · #E9FFFF · #ECFFFF · #F0FFFF · #F3FFFF · #F6FFFF · #F9FFFF · #FCFFFF

Color harmonies

Complementary
#FFE0E0
Triadic
#FFE0FF, #FFFFE0
Analogous
#E0FFF0, #E0F0FF

Accessibility (WCAG contrast)

White text on Light Cyan1.05:1 · Fail
Black text on Light Cyan19.92:1 · AAA

Use Light Cyan in code

.element {
  color: lightcyan;          /* or #e0ffff */
  background-color: rgb(224 255 255 / 0.5);
}

Frequently asked questions

What is the hex code for Light Cyan?

Light Cyan is #E0FFFF in HEX, rgb(224, 255, 255) in RGB and hsl(180, 100%, 94%) in HSL.

Can I use "lightcyan" directly in CSS?

Yes. "lightcyan" is one of the 148 standard CSS named colors, so color: lightcyan; works in every browser.

Is Light Cyan readable on white?

The contrast ratio of Light Cyan on white is 1.05:1 (WCAG Fail). On black it is 19.92:1 (AAA).

What is the complementary color of Light Cyan?

The complementary color (opposite on the color wheel) is #FFE0E0.

Similar colors

Azure#F0FFFFAlice Blue#F0F8FFMint Cream#F5FFFAHoney Dew#F0FFF0Ghost White#F8F8FFWhite Smoke#F5F5F5Lavender#E6E6FAWhite#FFFFFF

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.