#CAD472

#CAD472

Color Values

HEX

#CAD472

RGB

202, 212, 114

HSL

66.1, 53.3%, 63.9%

HSV

66.1, 46.2%, 83.1%

CMYK

4.7%, 0.0%, 46.2%, 16.9%

OKLCH

0.8413 0.123 113.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAD472

#7C72D4

Analogous

#D4AD72

#99D472

#CAD472

Triadic

#CAD472

#72CAD4

#D472CA

Split Complementary

#CAD472

#7299D4

#AD72D4

Tetradic

#CAD472

#72D4AD

#7C72D4

#D47299

Color Blindness Simulation

Original

#CAD472

Protanopia

#CECE8A

Deuteranopia

#CECD8F

Tritanopia

#CA9CA1

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CAD472;
color: #CAD472;
border-color: #CAD472;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EAEEC8
300
#DCE2A1
400
#C9D36E
500
#B6C33C
600
#919C30
700
#747D26
800
#5B621E
900
#434819
950
#2A2D10

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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