Pale Turquoise #AFEEEE

Pale Turquoise#AFEEEE · rgb(175, 238, 238)

Pale Turquoise color codes

CSS namepaleturquoise
HEX#AFEEEE
RGBrgb(175, 238, 238)
HSLhsl(180, 65%, 81%)
CMYKcmyk(26%, 0%, 0%, 7%)
Decimal11529966

Shades of Pale Turquoise (darker)

#9ED6D6 · #8CBEBE · #7BA7A7 · #698F8F · #587777 · #465F5F · #354747 · #233030 · #121818

Tints of Pale Turquoise (lighter)

#B7F0F0 · #BFF1F1 · #C7F3F3 · #CFF5F5 · #D7F7F7 · #DFF8F8 · #E7FAFA · #EFFCFC · #F7FDFD

Color harmonies

Complementary
#EEAFAF
Triadic
#EEAFEE, #EEEEAF
Analogous
#AFEECF, #AFCFEE

Accessibility (WCAG contrast)

White text on Pale Turquoise1.29:1 · Fail
Black text on Pale Turquoise16.29:1 · AAA

Use Pale Turquoise in code

.element {
  color: paleturquoise;          /* or #afeeee */
  background-color: rgb(175 238 238 / 0.5);
}

Frequently asked questions

What is the hex code for Pale Turquoise?

Pale Turquoise is #AFEEEE in HEX, rgb(175, 238, 238) in RGB and hsl(180, 65%, 81%) in HSL.

Can I use "paleturquoise" directly in CSS?

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

Is Pale Turquoise readable on white?

The contrast ratio of Pale Turquoise on white is 1.29:1 (WCAG Fail). On black it is 16.29:1 (AAA).

What is the complementary color of Pale Turquoise?

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

Similar colors

Powder Blue#B0E0E6Light Blue#ADD8E6Light Steel Blue#B0C4DESky Blue#87CEEBGainsboro#DCDCDCLight Gray#D3D3D3Light Grey#D3D3D3Light Sky Blue#87CEFA

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