RGB
80, 200, 120
HSL
140°, 52%, 55%
CMYK
60, 0, 40, 22
HSV
140°, 60%, 78%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #50C878 |
color: #50C878;
|
| RGB | 80, 200, 120 |
color: rgb(80, 200, 120);
|
| RGB Percentage | 31%, 78%, 47% |
color: rgb(31%, 78%, 47%);
|
| CMYK | 60%, 0%, 40%, 22% | Not supported in CSS |
| HSL | 140°, 52%, 55% |
color: hsl(140, 52%, 55%);
|
| HSV | 140°, 60%, 78% | Not supported in CSS |
| CIE-LAB | 44, -24, 27 |
color: lab(44% -24 27);
|
| Decimal | 5294200 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.emerald {
color: #50C878;
}
SCSS
$emerald: #50C878;
RGB
rgb(80, 200, 120)
Accessibility & Contrast
White background
2.13:1
2.13
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
9.87:1
9.87
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element