#C0E497

#C0E497

Color Values

HEX

#C0E497

RGB

192, 228, 151

HSL

88.1, 58.8%, 74.3%

HSV

88.1, 33.8%, 89.4%

CMYK

15.8%, 0.0%, 33.8%, 10.6%

OKLCH

0.8746 0.108 128.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C0E497

#BB97E4

Analogous

#E4E297

#99E497

#C0E497

Triadic

#C0E497

#97C0E4

#E497C0

Split Complementary

#C0E497

#9799E4

#E297E4

Tetradic

#C0E497

#97E4E2

#BB97E4

#E49799

Color Blindness Simulation

Original

#C0E497

Protanopia

#D0D0AA

Deuteranopia

#CECBAE

Tritanopia

#C2B8BC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DDF0C6
300
#C4E69E
400
#A4D869
500
#84CA35
600
#6AA22A
700
#558222
800
#42651A
900
#324A17
950
#202F0E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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