#C2ED89

#C2ED89

Color Values

HEX

#C2ED89

RGB

194, 237, 137

HSL

85,8, 73,5%, 73,3%

HSV

85,8, 42,2%, 92,9%

CMYK

18,1%, 0,0%, 42,2%, 7,1%

OKLCH

0,8933 0,1354 127,9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2ED89

#B489ED

Analogous

#EDE689

#90ED89

#C2ED89

Triadic

#C2ED89

#89C2ED

#ED89C2

Split Complementary

#C2ED89

#8990ED

#E689ED

Tetradic

#C2ED89

#89EDE6

#B489ED

#ED8990

Color Blindness Simulation

Original

#C2ED89

Protanopia

#D5D5A1

Deuteranopia

#D2CFA7

Tritanopia

#C4B4B8

Achromatopsia

#DDDDDD

CSS Usage

background-color: #C2ED89;
color: #C2ED89;
border-color: #C2ED89;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF6C1
300
#C8EF95
400
#AAE65B
500
#8DDD22
600
#70B11B
700
#5A8E16
800
#466F11
900
#355010
950
#21330A

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,77: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