#C4D7AB

#C4D7AB

Color Values

HEX

#C4D7AB

RGB

196, 215, 171

HSL

85.9, 35.5%, 75.7%

HSV

85.9, 20.5%, 84.3%

CMYK

8.8%, 0.0%, 20.5%, 15.7%

OKLCH

0.8535 0.0626 126.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#C4D7AB

#BEABD7

Analogous

#D7D4AB

#AED7AB

#C4D7AB

Triadic

#C4D7AB

#ABC4D7

#D7ABC4

Split Complementary

#C4D7AB

#ABAED7

#D4ABD7

Tetradic

#C4D7AB

#ABD7D4

#BEABD7

#D7ABAE

Color Blindness Simulation

Original

#C4D7AB

Protanopia

#CCCCB6

Deuteranopia

#CBCAB8

Tritanopia

#C5BEC0

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C4D7AB;
color: #C4D7AB;
border-color: #C4D7AB;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CF
300
#C5D8AC
400
#A5C27F
500
#86AD52
600
#6B8A42
700
#566F35
800
#435629
900
#334021
950
#202815

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.66:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026