#6AB978

#6AB978

Color Values

HEX

#6AB978

RGB

106, 185, 120

HSL

130.6, 36.1%, 57.1%

HSV

130.6, 42.7%, 72.5%

CMYK

42.7%, 0.0%, 35.1%, 27.5%

OKLCH

0.718 0.1224 148.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6AB978

#B96AAB

Analogous

#84B96A

#6AB9A0

#6AB978

Triadic

#6AB978

#786AB9

#B9786A

Split Complementary

#6AB978

#A06AB9

#B96A84

Tetradic

#6AB978

#6A84B9

#B96AAB

#B9A06A

Color Blindness Simulation

Original

#6AB978

Protanopia

#8C8D88

Deuteranopia

#88828C

Tritanopia

#6E9497

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D3
300
#ACD8B4
400
#7FC38B
500
#51AE62
600
#418B4E
700
#346F3F
800
#295731
900
#214026
950
#152918

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.82:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026