#CAD0AF

#CAD0AF

Color Values

HEX

#CAD0AF

RGB

202, 208, 175

HSL

70.9, 26.0%, 75.1%

HSV

70.9, 15.9%, 81.6%

CMYK

2.9%, 0.0%, 15.9%, 18.4%

OKLCH

0.8442 0.045 115.7

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CAD0AF

#B5AFD0

Analogous

#D0C6AF

#BAD0AF

#CAD0AF

Triadic

#CAD0AF

#AFCAD0

#D0AFCA

Split Complementary

#CAD0AF

#AFBAD0

#C6AFD0

Tetradic

#CAD0AF

#AFD0C6

#B5AFD0

#D0AFBA

Color Blindness Simulation

Original

#CAD0AF

Protanopia

#CDCDB7

Deuteranopia

#CCCCB9

Tritanopia

#CABDBF

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CAD0AF;
color: #CAD0AF;
border-color: #CAD0AF;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E5D2
300
#CCD2B2
400
#B0B988
500
#95A15E
600
#77814B
700
#5F673C
800
#4A502F
900
#383C25
950
#232617

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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