#CCC721

#CCC721

Color Values

HEX

#CCC721

RGB

204, 199, 33

HSL

58.2, 72.2%, 46.5%

HSV

58.2, 83.8%, 80.0%

CMYK

0.0%, 2.5%, 83.8%, 20.0%

OKLCH

0.8081 0.167 107.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCC721

#2126CC

Analogous

#CC7121

#7CCC21

#CCC721

Triadic

#CCC721

#21CCC7

#C721CC

Split Complementary

#CCC721

#217CCC

#7121CC

Tetradic

#CCC721

#21CC71

#2126CC

#CC217C

Color Blindness Simulation

Original

#CCC721

Protanopia

#CACA49

Deuteranopia

#CACA53

Tritanopia

#CC6970

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F5F4C2
300
#EEEB96
400
#E5E15D
500
#DCD623
600
#B0AB1C
700
#8D8917
800
#6E6B12
900
#504E11
950
#32310B

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.76: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