#CADAB4

#CADAB4

Color Values

HEX

#CADAB4

RGB

202, 218, 180

HSL

85,3, 33,9%, 78,0%

HSV

85,3, 17,4%, 85,5%

CMYK

7,3%, 0,0%, 17,4%, 14,5%

OKLCH

0,8663 0,0539 126,1

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CADAB4

#C4B4DA

Analogous

#DAD7B4

#B7DAB4

#CADAB4

Triadic

#CADAB4

#B4CADA

#DAB4CA

Split Complementary

#CADAB4

#B4B7DA

#D7B4DA

Tetradic

#CADAB4

#B4DAD7

#C4B4DA

#DAB4B7

Color Blindness Simulation

Original

#CADAB4

Protanopia

#D1D1BD

Deuteranopia

#D0CFBF

Tritanopia

#CBC4C6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DDE7CF
300
#C5D7AD
400
#A6C181
500
#86AB54
600
#6B8943
700
#566D36
800
#43552A
900
#333F22
950
#202815

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,2: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