#CAD32B

#CAD32B

Color Values

HEX

#CAD32B

RGB

202, 211, 43

HSL

63.2, 66.1%, 49.8%

HSV

63.2, 79.6%, 82.7%

CMYK

4.3%, 0.0%, 79.6%, 17.3%

OKLCH

0.8328 0.175 112.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CAD32B

#342BD3

Analogous

#D3882B

#76D32B

#CAD32B

Triadic

#CAD32B

#2BCAD3

#D32BCA

Split Complementary

#CAD32B

#2B76D3

#882BD3

Tetradic

#CAD32B

#2BD388

#342BD3

#D32B76

Color Blindness Simulation

Original

#CAD32B

Protanopia

#CECE54

Deuteranopia

#CDCD5D

Tritanopia

#CA747B

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C4
300
#E6EA99
400
#D8DF62
500
#CBD42B
600
#A2A923
700
#82881C
800
#656A16
900
#4A4D14
950
#2F310C

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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