#CCBB75

#CCBB75

Color Values

HEX

#CCBB75

RGB

204, 187, 117

HSL

48.3, 46.0%, 62.9%

HSV

48.3, 42.6%, 80.0%

CMYK

0.0%, 8.3%, 42.6%, 20.0%

OKLCH

0.7907 0.092 96.1

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#CCBB75

#7586CC

Analogous

#CC8F75

#B1CC75

#CCBB75

Triadic

#CCBB75

#75CCBB

#BB75CC

Split Complementary

#CCBB75

#75B1CC

#8F75CC

Tetradic

#CCBB75

#75CC8F

#7586CC

#CC75B1

Color Blindness Simulation

Original

#CCBB75

Protanopia

#C5C486

Deuteranopia

#C6C78A

Tritanopia

#CB9396

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#ECE5CB
300
#DED3A6
400
#CCBB75
500
#BAA345
600
#958337
700
#77682C
800
#5D5222
900
#453D1C
950
#2B2612

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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