#CCD532

#CCD532

Color Values

HEX

#CCD532

RGB

204, 213, 50

HSL

63.3, 66.0%, 51.6%

HSV

63.3, 76.5%, 83.5%

CMYK

4.2%, 0.0%, 76.5%, 16.5%

OKLCH

0.8391 0.1732 112.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CCD532

#3B32D5

Analogous

#D58D32

#7BD532

#CCD532

Triadic

#CCD532

#32CCD5

#D532CC

Split Complementary

#CCD532

#327BD5

#8D32D5

Tetradic

#CCD532

#32D58D

#3B32D5

#D5327B

Color Blindness Simulation

Original

#CCD532

Protanopia

#D0D059

Deuteranopia

#CFCF63

Tritanopia

#CC797F

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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