#CCC533

#CCC533

Color Values

HEX

#CCC533

RGB

204, 197, 51

HSL

57.3, 60.0%, 50.0%

HSV

57.3, 75.0%, 80.0%

CMYK

0.0%, 3.4%, 75.0%, 20.0%

OKLCH

0.8047 0.1573 106.6

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCC533

#333ACC

Analogous

#CC7933

#86CC33

#CCC533

Triadic

#CCC533

#33CCC5

#C533CC

Split Complementary

#CCC533

#3386CC

#7933CC

Tetradic

#CCC533

#33CC79

#333ACC

#CC3386

Color Blindness Simulation

Original

#CCC533

Protanopia

#C9C956

Deuteranopia

#C9CA5F

Tritanopia

#CC7278

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EFC6
300
#E7E39D
400
#D9D468
500
#CCC533
600
#A39E29
700
#837E21
800
#66631A
900
#4B4816
950
#2F2E0E

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.6:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026