#CBA988

#CBA988

Color Values

HEX

#CBA988

RGB

203, 169, 136

HSL

29.6, 39.2%, 66.5%

HSV

29.6, 33.0%, 79.6%

CMYK

0.0%, 16.7%, 33.0%, 20.4%

OKLCH

0.7568 0.0602 65.9

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CBA988

#88AACB

Analogous

#CB8889

#CBCB88

#CBA988

Triadic

#CBA988

#88CBA9

#A988CB

Split Complementary

#CBA988

#88CBCB

#8889CB

Tetradic

#CBA988

#89CB88

#88AACB

#CB88CB

Color Blindness Simulation

Original

#CBA988

Protanopia

#BCBC90

Deuteranopia

#BEC192

Tritanopia

#C99698

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCD
300
#DAC1AA
400
#C6A07C
500
#B17F4E
600
#8E653E
700
#725132
800
#593F27
900
#42301F
950
#291E14

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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