#CCB675

#CCB675

Color Values

HEX

#CCB675

RGB

204, 182, 117

HSL

44.8, 46.0%, 62.9%

HSV

44.8, 42.6%, 80.0%

CMYK

0.0%, 10.8%, 42.6%, 20.0%

OKLCH

0.7804 0.0877 91.4

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CCB675

#758BCC

Analogous

#CC8A75

#B6CC75

#CCB675

Triadic

#CCB675

#75CCB6

#B675CC

Split Complementary

#CCB675

#75B6CC

#8A75CC

Tetradic

#CCB675

#75CC8A

#758BCC

#CC75B6

Color Blindness Simulation

Original

#CCB675

Protanopia

#C2C285

Deuteranopia

#C4C588

Tritanopia

#CB9194

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#ECE3CB
300
#DED0A6
400
#CCB675
500
#BA9C45
600
#957D37
700
#77642C
800
#5D4E22
900
#453A1C
950
#2B2512

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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