Coloried

Emerald Green

Emerald Green color is a rich shade of green. Its hex code is #50C878 and rgb code is rgb(80, 200, 120), Its CMYK value is cmyk(60%, 0%, 40%, 22%), and Its HSL value is hsl(140, 52%, 55%). It has a contrast ratio of 2.13:1, while against black color, contrast ratio is 9.87:1. Its complementary color is #C851A0 and closest tailwind color is green-400. This color goes well with #1F6156, #2A611F, #0C2715, #782B88, and #882B3A. To get thisEmerald Green color, you can mix #00FF00 and #A091F0.

Emerald Green color code
|
1. Color Conversions
HEX#50C878
RGB80, 200, 120
HSL140°, 52%, 55%
HSV140°, 52%, 78%
CMYK60%, 0%, 40%, 22%
Web Safe#66CC66
2. Contrast Ratio
Text on #FFFFFF2.13:1
Fail LargeFail Normal
Text on #0000009.87:1
AAA LargeAAA Normal
3. Emerald Green Color Code in CSS
HEX
#50C878
RGB
rgb(80, 200, 120)
HSL
hsl(140, 52%, 55%)
Text Color
color: #50C878;
Background
background-color: #50C878;
Border Color
border-color: #50C878;
Box Shadow
box-shadow: 0 4px 14px 0 #50C87880;
SCSS
$color-emerald-green: #50C878;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#84858B
Deuteranopia#7D7490
Tritanopia#569B9E
Achromatopsia#9B9B9B
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive