#C0E696

#C0E696

Color Values

HEX

#C0E696

RGB

192, 230, 150

HSL

88.5, 61.5%, 74.5%

HSV

88.5, 34.8%, 90.2%

CMYK

16.5%, 0.0%, 34.8%, 9.8%

OKLCH

0.8788 0.1121 129.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C0E696

#BC96E6

Analogous

#E6E496

#98E696

#C0E696

Triadic

#C0E696

#96C0E6

#E696C0

Split Complementary

#C0E696

#9698E6

#E496E6

Tetradic

#C0E696

#96E6E4

#BC96E6

#E69698

Color Blindness Simulation

Original

#C0E696

Protanopia

#D0D1A9

Deuteranopia

#CECBAE

Tritanopia

#C2B9BC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DCF1C5
300
#C4E79C
400
#A4DB67
500
#83CE31
600
#69A527
700
#54841F
800
#426719
900
#324B16
950
#1F300E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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