#CCCB36

#CCCB36

Color Values

HEX

#CCCB36

RGB

204, 203, 54

HSL

59.6, 59.5%, 50.6%

HSV

59.6, 73.5%, 80.0%

CMYK

0.0%, 0.5%, 73.5%, 20.0%

OKLCH

0.8177 0.1613 109.1

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCCB36

#3637CC

Analogous

#CC8036

#82CC36

#CCCB36

Triadic

#CCCB36

#36CCCB

#CB36CC

Split Complementary

#CCCB36

#3682CC

#8036CC

Tetradic

#CCCB36

#36CC80

#3637CC

#CC3682

Color Blindness Simulation

Original

#CCCB36

Protanopia

#CCCC5A

Deuteranopia

#CCCC63

Tritanopia

#CC777D

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F1F0C6
300
#E6E69D
400
#D9D869
500
#CBCA34
600
#A3A229
700
#828221
800
#66651A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.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