#CAD2A2

#CAD2A2

Color Values

HEX

#CAD2A2

RGB

202, 210, 162

HSL

70.0, 34.8%, 72.9%

HSV

70.0, 22.9%, 82.4%

CMYK

3.8%, 0.0%, 22.9%, 17.6%

OKLCH

0.8455 0.0646 115.5

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CAD2A2

#AAA2D2

Analogous

#D2C2A2

#B2D2A2

#CAD2A2

Triadic

#CAD2A2

#A2CAD2

#D2A2CA

Split Complementary

#CAD2A2

#A2B2D2

#C2A2D2

Tetradic

#CAD2A2

#A2D2C2

#AAA2D2

#D2A2B2

Color Blindness Simulation

Original

#CAD2A2

Protanopia

#CDCEAE

Deuteranopia

#CDCCB0

Tritanopia

#CAB7B9

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E4E8CF
300
#D0D7AD
400
#B7C180
500
#9DAC53
600
#7E8943
700
#656E35
800
#4F562A
900
#3B4021
950
#252815

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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