#CBBC9D

#CBBC9D

Color Values

HEX

#CBBC9D

RGB

203, 188, 157

HSL

40,4, 30,7%, 70,6%

HSV

40,4, 22,7%, 79,6%

CMYK

0,0%, 7,4%, 22,7%, 20,4%

OKLCH

0,7997 0,0453 85,2

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CBBC9D

#9DACCB

Analogous

#CBA59D

#C3CB9D

#CBBC9D

Triadic

#CBBC9D

#9DCBBC

#BC9DCB

Split Complementary

#CBBC9D

#9DC3CB

#A59DCB

Tetradic

#CBBC9D

#9DCBA5

#9DACCB

#CB9DC3

Color Blindness Simulation

Original

#CBBC9D

Protanopia

#C5C4A4

Deuteranopia

#C5C6A6

Tritanopia

#CAAAAC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E6DFD0
300
#D5C8AF
400
#BEAB84
500
#A78D58
600
#857147
700
#6B5A39
800
#53472C
900
#3E3523
950
#272216

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026