#CAD572

#CAD572

Color Values

HEX

#CAD572

RGB

202, 213, 114

HSL

66.7, 54.1%, 64.1%

HSV

66.7, 46.5%, 83.5%

CMYK

5.2%, 0.0%, 46.5%, 16.5%

OKLCH

0.8435 0.1243 114.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAD572

#7D72D5

Analogous

#D5AF72

#98D572

#CAD572

Triadic

#CAD572

#72CAD5

#D572CA

Split Complementary

#CAD572

#7298D5

#AF72D5

Tetradic

#CAD572

#72D5AF

#7D72D5

#D57298

Color Blindness Simulation

Original

#CAD572

Protanopia

#CFCF8A

Deuteranopia

#CECD90

Tritanopia

#CB9DA1

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CAD572;
color: #CAD572;
border-color: #CAD572;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EAEFC8
300
#DCE3A1
400
#C8D46E
500
#B5C43B
600
#919D2F
700
#747E25
800
#5B621D
900
#434819
950
#2A2D10

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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