#CCAE33

#CCAE33

Color Values

HEX

#CCAE33

RGB

204, 174, 51

HSL

48,2, 60,0%, 50,0%

HSV

48,2, 75,0%, 80,0%

CMYK

0,0%, 14,7%, 75,0%, 20,0%

OKLCH

0,7563 0,1391 94,7

Properties

Warm Light Nearest: RAL 1004 Golden Yellow

Color Harmonies

Complementary

#CCAE33

#3351CC

Analogous

#CC6133

#9ECC33

#CCAE33

Triadic

#CCAE33

#33CCAE

#AE33CC

Split Complementary

#CCAE33

#339ECC

#6133CC

Tetradic

#CCAE33

#33CC61

#3351CC

#CC339E

Color Blindness Simulation

Original

#CCAE33

Protanopia

#BFBF51

Deuteranopia

#C1C358

Tritanopia

#CA686D

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F6F3E4
200
#F1E8C6
300
#E7D89D
400
#D9C368
500
#CCAE33
600
#A38B29
700
#836F21
800
#66571A
900
#4B4016
950
#2F290E

Contrast Checker

Text on white

2,17:1

AA Fail AAA Fail

Text on black

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