RGB
64, 224, 208
HSL
174°, 72%, 56%
CMYK
71, 0, 7, 12
HSV
174°, 71%, 88%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #40E0D0 |
color: #40E0D0;
|
| RGB | 64, 224, 208 |
color: rgb(64, 224, 208);
|
| RGB Percentage | 25%, 88%, 82% |
color: rgb(25%, 88%, 82%);
|
| CMYK | 71%, 0%, 7%, 12% | Not supported in CSS |
| HSL | 174°, 72%, 56% |
color: hsl(174, 72%, 56%);
|
| HSV | 174°, 71%, 88% | Not supported in CSS |
| CIE-LAB | 45, -32, 5 |
color: lab(45% -32 5);
|
| Decimal | 4251856 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.turquoise {
color: #40E0D0;
}
SCSS
$turquoise: #40E0D0;
RGB
rgb(64, 224, 208)
Accessibility & Contrast
White background
1.64:1
1.64
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
12.79:1
12.79
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element