#CADFA4

#CADFA4

Color Values

HEX

#CADFA4

RGB

202, 223, 164

HSL

81.4, 48.0%, 75.9%

HSV

81.4, 26.5%, 87.5%

CMYK

9.4%, 0.0%, 26.5%, 12.5%

OKLCH

0.8734 0.0812 124.0

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CADFA4

#B9A4DF

Analogous

#DFD7A4

#ADDFA4

#CADFA4

Triadic

#CADFA4

#A4CADF

#DFA4CA

Split Complementary

#CADFA4

#A4ADDF

#D7A4DF

Tetradic

#CADFA4

#A4DFD7

#B9A4DF

#DFA4AD

Color Blindness Simulation

Original

#CADFA4

Protanopia

#D3D3B2

Deuteranopia

#D2D0B6

Tritanopia

#CBBEC0

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E0ECCA
300
#CADFA4
400
#AECE73
500
#91BD42
600
#749735
700
#5D792A
800
#495E21
900
#36451C
950
#222C11

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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