#CCC365

#CCC365

Color Values

HEX

#CCC365

RGB

204, 195, 101

HSL

54.8, 50.2%, 59.8%

HSV

54.8, 50.5%, 80.0%

CMYK

0.0%, 4.4%, 50.5%, 20.0%

OKLCH

0.805 0.1167 103.8

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CCC365

#656ECC

Analogous

#CC9065

#A1CC65

#CCC365

Triadic

#CCC365

#65CCC3

#C365CC

Split Complementary

#CCC365

#65A1CC

#9065CC

Tetradic

#CCC365

#65CC90

#656ECC

#CC65A1

Color Blindness Simulation

Original

#CCC365

Protanopia

#C8C87C

Deuteranopia

#C9C981

Tritanopia

#CC8E92

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDEAC9
300
#E1DBA3
400
#D0C871
500
#C0B43F
600
#999033
700
#7B7329
800
#605A20
900
#46431B
950
#2C2A11

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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