RGB
9, 108, 108
HSL
180°, 85%, 23%
CMYK
92, 0, 0, 58
HSV
180°, 92%, 42%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #096C6C |
color: #096C6C;
|
| RGB | 9, 108, 108 |
color: rgb(9, 108, 108);
|
| RGB Percentage | 4%, 42%, 42% |
color: rgb(4%, 42%, 42%);
|
| CMYK | 92%, 0%, 0%, 58% | Not supported in CSS |
| HSL | 180°, 85%, 23% |
color: hsl(180, 85%, 23%);
|
| HSV | 180°, 92%, 42% | Not supported in CSS |
| CIE-LAB | 18, -20, 0 |
color: lab(18% -20 0);
|
| Decimal | 617580 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.peacock-blue {
color: #096C6C;
}
SCSS
$peacock-blue: #096C6C;
RGB
rgb(9, 108, 108)
Accessibility & Contrast
White background
6.23:1
6.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.37:1
3.37
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element