#C4E696

#C4E696

Color Values

HEX

#C4E696

RGB

196, 230, 150

HSL

85.5, 61.5%, 74.5%

HSV

85.5, 34.8%, 90.2%

CMYK

14.8%, 0.0%, 34.8%, 9.8%

OKLCH

0.8815 0.1103 127.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C4E696

#B896E6

Analogous

#E6E096

#9CE696

#C4E696

Triadic

#C4E696

#96C4E6

#E696C4

Split Complementary

#C4E696

#969CE6

#E096E6

Tetradic

#C4E696

#96E6E0

#B896E6

#E6969C

Color Blindness Simulation

Original

#C4E696

Protanopia

#D3D3A9

Deuteranopia

#D1CEAE

Tritanopia

#C6B9BC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF6E4
200
#DFF1C5
300
#C7E79C
400
#A9DB67
500
#8BCE31
600
#6FA527
700
#59841F
800
#466719
900
#344B16
950
#21300E

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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