#CCC433

#CCC433

Color Values

HEX

#CCC433

RGB

204, 196, 51

HSL

56.9, 60.0%, 50.0%

HSV

56.9, 75.0%, 80.0%

CMYK

0.0%, 3.9%, 75.0%, 20.0%

OKLCH

0.8025 0.1564 106.2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCC433

#333BCC

Analogous

#CC7833

#87CC33

#CCC433

Triadic

#CCC433

#33CCC4

#C433CC

Split Complementary

#CCC433

#3387CC

#7833CC

Tetradic

#CCC433

#33CC78

#333BCC

#CC3387

Color Blindness Simulation

Original

#CCC433

Protanopia

#C9C856

Deuteranopia

#C9CA5E

Tritanopia

#CC7278

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EFC6
300
#E7E39D
400
#D9D368
500
#CCC433
600
#A39D29
700
#837E21
800
#66621A
900
#4B4816
950
#2F2D0E

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026