#CCBD76

#CCBD76

Color Values

HEX

#CCBD76

RGB

204, 189, 118

HSL

49.5, 45.7%, 63.1%

HSV

49.5, 42.2%, 80.0%

CMYK

0.0%, 7.4%, 42.2%, 20.0%

OKLCH

0.795 0.0927 97.7

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#CCBD76

#7685CC

Analogous

#CC9276

#B0CC76

#CCBD76

Triadic

#CCBD76

#76CCBD

#BD76CC

Split Complementary

#CCBD76

#76B0CC

#9276CC

Tetradic

#CCBD76

#76CC92

#7685CC

#CC76B0

Color Blindness Simulation

Original

#CCBD76

Protanopia

#C6C587

Deuteranopia

#C6C78B

Tritanopia

#CB9598

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F2E6
200
#ECE6CB
300
#DED4A6
400
#CCBD76
500
#BAA545
600
#958437
700
#776A2C
800
#5D5323
900
#443D1D
950
#2B2712

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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