#6BCD97

#6BCD97

Color Values

HEX

#6BCD97

RGB

107, 205, 151

HSL

146.9, 49.5%, 61.2%

HSV

146.9, 47.8%, 80.4%

CMYK

47.8%, 0.0%, 26.3%, 19.6%

OKLCH

0.774 0.1221 157.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#6BCD97

#CD6BA1

Analogous

#70CD6B

#6BCDC8

#6BCD97

Triadic

#6BCD97

#976BCD

#CD976B

Split Complementary

#6BCD97

#C86BCD

#CD6B70

Tetradic

#6BCD97

#6B70CD

#CD6BA1

#CDC86B

Color Blindness Simulation

Original

#6BCD97

Protanopia

#9596A4

Deuteranopia

#9088A7

Tritanopia

#70AEB1

Achromatopsia

#B4B4B4

CSS Usage

background-color: #6BCD97;
color: #6BCD97;
border-color: #6BCD97;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#CAEDD9
300
#A4E0BF
400
#72CF9C
500
#40BF79
600
#349861
700
#297A4D
800
#205F3C
900
#1B462E
950
#112C1D

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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