#CCCA65

#CCCA65

Color Values

HEX

#CCCA65

RGB

204, 202, 101

HSL

58.8, 50.2%, 59.8%

HSV

58.8, 50.5%, 80.0%

CMYK

0.0%, 1.0%, 50.5%, 20.0%

OKLCH

0.8198 0.1241 107.8

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CCCA65

#6567CC

Analogous

#CC9665

#9BCC65

#CCCA65

Triadic

#CCCA65

#65CCCA

#CA65CC

Split Complementary

#CCCA65

#659BCC

#9665CC

Tetradic

#CCCA65

#65CC96

#6567CC

#CC659B

Color Blindness Simulation

Original

#CCCA65

Protanopia

#CBCB7D

Deuteranopia

#CBCB83

Tritanopia

#CC9195

Achromatopsia

#C3C3C3

CSS Usage

background-color: #CCCA65;
color: #CCCA65;
border-color: #CCCA65;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEDC9
300
#E1DFA3
400
#D0CE71
500
#C0BD3F
600
#999733
700
#7B7929
800
#605E20
900
#46451B
950
#2C2C11

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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