#6CC978

#6CC978

Color Values

HEX

#6CC978

RGB

108, 201, 120

HSL

127.7, 46.3%, 60.6%

HSV

127.7, 46.3%, 78.8%

CMYK

46.3%, 0.0%, 40.3%, 21.2%

OKLCH

0.7583 0.1451 146.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6CC978

#C96CBD

Analogous

#8FC96C

#6CC9A6

#6CC978

Triadic

#6CC978

#786CC9

#C9786C

Split Complementary

#6CC978

#A66CC9

#C96C8F

Tetradic

#6CC978

#6C8FC9

#C96CBD

#C9A66C

Color Blindness Simulation

Original

#6CC978

Protanopia

#94958C

Deuteranopia

#8F8890

Tritanopia

#719B9E

Achromatopsia

#AFAFAF

CSS Usage

background-color: #6CC978;
color: #6CC978;
border-color: #6CC978;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBECCF
300
#A5DEAD
400
#75CC80
500
#44BB54
600
#379543
700
#2C7736
800
#225D2A
900
#1C4521
950
#122B15

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.26: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