#CAD3A5

#CAD3A5

Color Values

HEX

#CAD3A5

RGB

202, 211, 165

HSL

71.7, 34.3%, 73.7%

HSV

71.7, 21.8%, 82.7%

CMYK

4.3%, 0.0%, 21.8%, 17.3%

OKLCH

0.8482 0.0622 116.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CAD3A5

#AEA5D3

Analogous

#D3C5A5

#B3D3A5

#CAD3A5

Triadic

#CAD3A5

#A5CAD3

#D3A5CA

Split Complementary

#CAD3A5

#A5B3D3

#C5A5D3

Tetradic

#CAD3A5

#A5D3C5

#AEA5D3

#D3A5B3

Color Blindness Simulation

Original

#CAD3A5

Protanopia

#CECEB0

Deuteranopia

#CDCDB3

Tritanopia

#CAB9BB

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F0F2E8
200
#E3E8CF
300
#CFD7AD
400
#B4C180
500
#9AAB54
600
#7B8943
700
#636E36
800
#4D562A
900
#3A3F21
950
#242815

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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