#CCC75B

#CCC75B

Color Values

HEX

#CCC75B

RGB

204, 199, 91

HSL

57.3, 52.6%, 57.8%

HSV

57.3, 55.4%, 80.0%

CMYK

0.0%, 2.5%, 55.4%, 20.0%

OKLCH

0.8123 0.1303 106.5

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#CCC75B

#5B60CC

Analogous

#CC8E5B

#98CC5B

#CCC75B

Triadic

#CCC75B

#5BCCC7

#C75BCC

Split Complementary

#CCC75B

#5B98CC

#8E5BCC

Tetradic

#CCC75B

#5BCC8E

#5B60CC

#CC5B98

Color Blindness Simulation

Original

#CCC75B

Protanopia

#CACA75

Deuteranopia

#CACA7B

Tritanopia

#CC8A8E

Achromatopsia

#C0C0C0

CSS Usage

background-color: #CCC75B;
color: #CCC75B;
border-color: #CCC75B;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEECC9
300
#E2DFA2
400
#D2CE6F
500
#C3BD3C
600
#9C9730
700
#7D7927
800
#615E1E
900
#47451A
950
#2D2C10

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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