#6ECD96

#6ECD96

Color Values

HEX

#6ECD96

RGB

110, 205, 150

HSL

145.3, 48.7%, 61.8%

HSV

145.3, 46.3%, 80.4%

CMYK

46.3%, 0.0%, 26.8%, 19.6%

OKLCH

0.775 0.1211 156.6

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#6ECD96

#CD6EA5

Analogous

#76CD6E

#6ECDC6

#6ECD96

Triadic

#6ECD96

#966ECD

#CD966E

Split Complementary

#6ECD96

#C66ECD

#CD6E76

Tetradic

#6ECD96

#6E76CD

#CD6EA5

#CDC66E

Color Blindness Simulation

Original

#6ECD96

Protanopia

#9798A3

Deuteranopia

#928AA6

Tritanopia

#73AEB0

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#CAEDD9
300
#A4E0BD
400
#73CF99
500
#41BE76
600
#34985E
700
#2A794B
800
#215F3B
900
#1B462D
950
#112C1C

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026