#CAD629

#CAD629

Color Values

HEX

#CAD629

RGB

202, 214, 41

HSL

64.2, 67.8%, 50.0%

HSV

64.2, 80.8%, 83.9%

CMYK

5.6%, 0.0%, 80.8%, 16.1%

OKLCH

0.8393 0.1788 113.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CAD629

#3529D6

Analogous

#D68C29

#73D629

#CAD629

Triadic

#CAD629

#29CAD6

#D629CA

Split Complementary

#CAD629

#2973D6

#8C29D6

Tetradic

#CAD629

#29D68C

#3529D6

#D62973

Color Blindness Simulation

Original

#CAD629

Protanopia

#CFCF53

Deuteranopia

#CECE5D

Tritanopia

#CB747B

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F4C3
300
#E5EB98
400
#D8E161
500
#CAD629
600
#A1AB21
700
#81891A
800
#656B15
900
#4A4E13
950
#2F310C

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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