#CCBE73

#CCBE73

Color Values

HEX

#CCBE73

RGB

204, 190, 115

HSL

50.6, 46.6%, 62.5%

HSV

50.6, 43.6%, 80.0%

CMYK

0.0%, 6.9%, 43.6%, 20.0%

OKLCH

0.7966 0.097 99.0

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#CCBE73

#7381CC

Analogous

#CC9173

#ADCC73

#CCBE73

Triadic

#CCBE73

#73CCBE

#BE73CC

Split Complementary

#CCBE73

#73ADCC

#9173CC

Tetradic

#CCBE73

#73CC91

#7381CC

#CC73AD

Color Blindness Simulation

Original

#CCBE73

Protanopia

#C6C685

Deuteranopia

#C7C88A

Tritanopia

#CB9397

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F2E6
200
#ECE7CB
300
#DED5A5
400
#CDBF75
500
#BBA844
600
#968736
700
#786C2C
800
#5D5422
900
#453E1C
950
#2B2712

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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