Pale Turquoise color values
| Format | Value |
|---|---|
| Hex | #AFEEEE |
| RGB | rgb(175, 238, 238) |
| HSL | hsl(180, 65%, 81%) |
| HSV | 180, 26%, 93% |
| CMYK (simple conversion) | 26%, 0%, 0%, 7% |
| Decimal | 11529966 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Pale Turquoise
This very light blue green recalls shallow tropical waters and clear skies. It serves well in travel, spa, and wellness interfaces where a calming atmosphere is essential. The shade feels airy and refreshing without overwhelming surrounding design elements. It is one of the 148 CSS named colors.
Shades and tints of Pale Turquoise
Tints mix Pale Turquoise with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #B7F0F0 | #9ED6D6 |
| 20% | #BFF1F1 | #8CBEBE |
| 30% | #C7F3F3 | #7AA7A7 |
| 40% | #CFF5F5 | #698F8F |
| 50% | #D7F7F7 | #587777 |
Color harmony for Pale Turquoise
These colors keep the same saturation and lightness as Pale Turquoise and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #EEAFAF |
| Analogous | #AFEECF #AFCFEE |
| Triadic | #EEAFEE #EEEEAF |
| Split complementary | #EEAFCF #EECFAF |
Contrast and accessibility
Contrast between #AFEEEE and white is 1.29:1 (fails). Against black it is 16.29:1 (passes AAA). For text on a Pale Turquoise background, black text is the more readable choice.
Use Pale Turquoise in CSS
.element {
color: paleturquoise;
background-color: #AFEEEE;
border-color: rgb(175 238 238);
outline-color: hsl(180 65% 81%);
}All four lines produce exactly the same color. The keyword paleturquoise is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Powder Blue: #B0E0E6
- lightblue: #ADD8E6
- lightsteelblue: #B0C4DE
- Sky Blue: #87CEEB
FAQ
What is the hex code for Pale Turquoise?
The hex code for Pale Turquoise is #AFEEEE. As a CSS color keyword you can also write paleturquoise.
What is Pale Turquoise in RGB?
Pale Turquoise is rgb(175, 238, 238): red 175, green 238, blue 238 on the 0 to 255 scale.
What color is closest to Pale Turquoise?
Of the CSS named colors, powderblue (#B0E0E6) is the closest match to Pale Turquoise, followed by lightblue and lightsteelblue.
More colors
- Pale Green: previous page
- Pink: next page
- CSS named colors: the full list