#CCBC81

#CCBC81

Color Values

HEX

#CCBC81

RGB

204, 188, 129

HSL

47.2, 42.4%, 65.3%

HSV

47.2, 36.8%, 80.0%

CMYK

0.0%, 7.8%, 36.8%, 20.0%

OKLCH

0.7948 0.0793 94.8

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CCBC81

#8191CC

Analogous

#CC9781

#B7CC81

#CCBC81

Triadic

#CCBC81

#81CCBC

#BC81CC

Split Complementary

#CCBC81

#81B7CC

#9781CC

Tetradic

#CCBC81

#81CC97

#8191CC

#CC81B7

Color Blindness Simulation

Original

#CCBC81

Protanopia

#C5C58F

Deuteranopia

#C6C793

Tritanopia

#CB9B9D

Achromatopsia

#BBBBBB

CSS Usage

background-color: #CCBC81;
color: #CCBC81;
border-color: #CCBC81;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EAE4CC
300
#DCD1A8
400
#C9B879
500
#B69E49
600
#917F3B
700
#74652F
800
#5B4F25
900
#433B1E
950
#2A2513

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.08:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026