#CCC925

#CCC925

Color Values

HEX

#CCC925

RGB

204, 201, 37

HSL

58.9, 69.3%, 47.3%

HSV

58.9, 81.9%, 80.0%

CMYK

0.0%, 1.5%, 81.9%, 20.0%

OKLCH

0.8125 0.1674 108.5

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CCC925

#2528CC

Analogous

#CC7625

#7CCC25

#CCC925

Triadic

#CCC925

#25CCC9

#C925CC

Split Complementary

#CCC925

#257CCC

#7625CC

Tetradic

#CCC925

#25CC76

#2528CC

#CC257C

Color Blindness Simulation

Original

#CCC925

Protanopia

#CBCB4D

Deuteranopia

#CBCB56

Tritanopia

#CC6C73

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E3
200
#F4F3C3
300
#ECEB97
400
#E2E05F
500
#D8D527
600
#ADAA1F
700
#8A8819
800
#6C6A14
900
#4F4E12
950
#32310C

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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