#CCAC33

#CCAC33

Color Values

HEX

#CCAC33

RGB

204, 172, 51

HSL

47,5, 60,0%, 50,0%

HSV

47,5, 75,0%, 80,0%

CMYK

0,0%, 15,7%, 75,0%, 20,0%

OKLCH

0,7522 0,1378 93,5

Properties

Warm Light Nearest: RAL 1004 Golden Yellow

Color Harmonies

Complementary

#CCAC33

#3353CC

Analogous

#CC6033

#9FCC33

#CCAC33

Triadic

#CCAC33

#33CCAC

#AC33CC

Split Complementary

#CCAC33

#339FCC

#6033CC

Tetradic

#CCAC33

#33CC60

#3353CC

#CC339F

Color Blindness Simulation

Original

#CCAC33

Protanopia

#BEBE50

Deuteranopia

#C0C257

Tritanopia

#CA676C

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CCAC33;
color: #CCAC33;
border-color: #CCAC33;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF3
100
#F6F2E4
200
#F1E8C6
300
#E7D79D
400
#D9C268
500
#CCAC33
600
#A38A29
700
#836E21
800
#66561A
900
#4B4016
950
#2F280E

Contrast Checker

Text on white

2,21:1

AA Fail AAA Fail

Text on black

9,52: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