#C4D5AB

#C4D5AB

Color Values

HEX

#C4D5AB

RGB

196, 213, 171

HSL

84.3, 33.3%, 75.3%

HSV

84.3, 19.7%, 83.5%

CMYK

8.0%, 0.0%, 19.7%, 16.5%

OKLCH

0.8492 0.0595 125.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#C4D5AB

#BCABD5

Analogous

#D5D1AB

#AFD5AB

#C4D5AB

Triadic

#C4D5AB

#ABC4D5

#D5ABC4

Split Complementary

#C4D5AB

#ABAFD5

#D1ABD5

Tetradic

#C4D5AB

#ABD5D1

#BCABD5

#D5ABAF

Color Blindness Simulation

Original

#C4D5AB

Protanopia

#CBCCB5

Deuteranopia

#CAC9B8

Tritanopia

#C5BDBF

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DEE7CF
300
#C6D6AD
400
#A7C081
500
#88AA55
600
#6C8844
700
#576D36
800
#44552B
900
#333F22
950
#202815

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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