#CAD5AF

#CAD5AF

Color Values

HEX

#CAD5AF

RGB

202, 213, 175

HSL

77.4, 31.1%, 76.1%

HSV

77.4, 17.8%, 83.5%

CMYK

5.2%, 0.0%, 17.8%, 16.5%

OKLCH

0.8546 0.0524 120.6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CAD5AF

#BAAFD5

Analogous

#D5CDAF

#B7D5AF

#CAD5AF

Triadic

#CAD5AF

#AFCAD5

#D5AFCA

Split Complementary

#CAD5AF

#AFB7D5

#CDAFD5

Tetradic

#CAD5AF

#AFD5CD

#BAAFD5

#D5AFB7

Color Blindness Simulation

Original

#CAD5AF

Protanopia

#CFCFB8

Deuteranopia

#CECDBA

Tritanopia

#CBBFC1

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EFF2E8
200
#E0E6D0
300
#CAD5AF
400
#ADBE83
500
#90A758
600
#738646
700
#5C6B38
800
#48542C
900
#363E23
950
#222716

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026