#CCB79A

#CCB79A

Color Values

HEX

#CCB79A

RGB

204, 183, 154

HSL

34.8, 32.9%, 70.2%

HSV

34.8, 24.5%, 80.0%

CMYK

0.0%, 10.3%, 24.5%, 20.0%

OKLCH

0.7897 0.0463 75.9

Properties

Warm Light Nearest: bisque 3

Color Harmonies

Complementary

#CCB79A

#9AAFCC

Analogous

#CC9E9A

#C8CC9A

#CCB79A

Triadic

#CCB79A

#9ACCB7

#B79ACC

Split Complementary

#CCB79A

#9AC8CC

#9E9ACC

Tetradic

#CCB79A

#9ACC9E

#9AAFCC

#CC9AC8

Color Blindness Simulation

Original

#CCB79A

Protanopia

#C3C3A1

Deuteranopia

#C4C6A3

Tritanopia

#CBA7A8

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DDD0
300
#D6C5AE
400
#C0A682
500
#A98656
600
#886B44
700
#6C5637
800
#55432B
900
#3F3322
950
#282016

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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