#CCB275

#CCB275

Color Values

HEX

#CCB275

RGB

204, 178, 117

HSL

42.1, 46.0%, 62.9%

HSV

42.1, 42.6%, 80.0%

CMYK

0.0%, 12.7%, 42.6%, 20.0%

OKLCH

0.7722 0.0847 87.3

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CCB275

#758FCC

Analogous

#CC8675

#BACC75

#CCB275

Triadic

#CCB275

#75CCB2

#B275CC

Split Complementary

#CCB275

#75BACC

#8675CC

Tetradic

#CCB275

#75CC86

#758FCC

#CC75BA

Color Blindness Simulation

Original

#CCB275

Protanopia

#C1C184

Deuteranopia

#C2C487

Tritanopia

#CB8F92

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#ECE2CB
300
#DECDA6
400
#CCB275
500
#BA9745
600
#957937
700
#77612C
800
#5D4C22
900
#45391C
950
#2B2412

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.19:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026