#CAD728

#CAD728

Color Values

HEX

#CAD728

RGB

202, 215, 40

HSL

64.5, 68.6%, 50.0%

HSV

64.5, 81.4%, 84.3%

CMYK

6.0%, 0.0%, 81.4%, 15.7%

OKLCH

0.8414 0.1802 114.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CAD728

#3528D7

Analogous

#D78D28

#72D728

#CAD728

Triadic

#CAD728

#28CAD7

#D728CA

Split Complementary

#CAD728

#2872D7

#8D28D7

Tetradic

#CAD728

#28D78D

#3528D7

#D72872

Color Blindness Simulation

Original

#CAD728

Protanopia

#D0D052

Deuteranopia

#CFCE5C

Tritanopia

#CB747B

Achromatopsia

#C8C8C8

CSS Usage

background-color: #CAD728;
color: #CAD728;
border-color: #CAD728;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F8E3
200
#F0F4C3
300
#E5EC98
400
#D8E160
500
#CAD728
600
#A1AC20
700
#818A1A
800
#656B14
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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