#CCD430

#CCD430

Color Values

HEX

#CCD430

RGB

204, 212, 48

HSL

62.9, 65.6%, 51.0%

HSV

62.9, 77.4%, 83.1%

CMYK

3.8%, 0.0%, 77.4%, 16.9%

OKLCH

0.8368 0.1732 112.5

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CCD430

#3830D4

Analogous

#D48A30

#7AD430

#CCD430

Triadic

#CCD430

#30CCD4

#D430CC

Split Complementary

#CCD430

#307AD4

#8A30D4

Tetradic

#CCD430

#30D48A

#3830D4

#D4307A

Color Blindness Simulation

Original

#CCD430

Protanopia

#CFD058

Deuteranopia

#CFCE61

Tritanopia

#CC777E

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C4
300
#E6EA9A
400
#D9DF63
500
#CBD32C
600
#A2A923
700
#82871C
800
#666A16
900
#4A4D14
950
#2F310D

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.03:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026