#6EC072

#6EC072

Color Values

HEX

#6EC072

RGB

110, 192, 114

HSL

122.9, 39.4%, 59.2%

HSV

122.9, 42.7%, 75.3%

CMYK

42.7%, 0.0%, 40.6%, 24.7%

OKLCH

0.736 0.1367 145.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6EC072

#C06EBC

Analogous

#93C06E

#6EC09B

#6EC072

Triadic

#6EC072

#726EC0

#C0726E

Split Complementary

#6EC072

#9B6EC0

#C06E93

Tetradic

#6EC072

#6E93C0

#C06EBC

#C09B6E

Color Blindness Simulation

Original

#6EC072

Protanopia

#929285

Deuteranopia

#8D8789

Tritanopia

#729497

Achromatopsia

#A9A9A9

CSS Usage

background-color: #6EC072;
color: #6EC072;
border-color: #6EC072;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CF
300
#AADAAC
400
#7BC67F
500
#4DB252
600
#3E8E42
700
#317235
800
#275929
900
#1F4221
950
#142915

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026