#CAD5B2

#CAD5B2

Color Values

HEX

#CAD5B2

RGB

202, 213, 178

HSL

78.9, 29.4%, 76.7%

HSV

78.9, 16.4%, 83.5%

CMYK

5.2%, 0.0%, 16.4%, 16.5%

OKLCH

0.8553 0.0486 121.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CAD5B2

#BDB2D5

Analogous

#D5CFB2

#B9D5B2

#CAD5B2

Triadic

#CAD5B2

#B2CAD5

#D5B2CA

Split Complementary

#CAD5B2

#B2B9D5

#CFB2D5

Tetradic

#CAD5B2

#B2D5CF

#BDB2D5

#D5B2B9

Color Blindness Simulation

Original

#CAD5B2

Protanopia

#CFCFBA

Deuteranopia

#CECDBC

Tritanopia

#CBC1C3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E9
200
#DFE6D1
300
#C8D4B0
400
#ABBC85
500
#8DA55A
600
#718448
700
#5A6A3A
800
#47522D
900
#353D24
950
#222717

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026