#CAD3A3

#CAD3A3

Color Values

HEX

#CAD3A3

RGB

202, 211, 163

HSL

71.2, 35.3%, 73.3%

HSV

71.2, 22.7%, 82.7%

CMYK

4.3%, 0.0%, 22.7%, 17.3%

OKLCH

0.8478 0.0647 116.4

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CAD3A3

#ACA3D3

Analogous

#D3C4A3

#B2D3A3

#CAD3A3

Triadic

#CAD3A3

#A3CAD3

#D3A3CA

Split Complementary

#CAD3A3

#A3B2D3

#C4A3D3

Tetradic

#CAD3A3

#A3D3C4

#ACA3D3

#D3A3B2

Color Blindness Simulation

Original

#CAD3A3

Protanopia

#CECEAF

Deuteranopia

#CDCDB1

Tritanopia

#CAB8BA

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E3E8CF
300
#CFD7AC
400
#B6C27F
500
#9CAD52
600
#7D8A42
700
#646E35
800
#4E5629
900
#3A4021
950
#252815

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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