#CBAA96

#CBAA96

Color Values

HEX

#CBAA96

RGB

203, 170, 150

HSL

22.6, 33.8%, 69.2%

HSV

22.6, 26.1%, 79.6%

CMYK

0.0%, 16.3%, 26.1%, 20.4%

OKLCH

0.762 0.0478 53.0

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CBAA96

#96B7CB

Analogous

#CB969C

#CBC496

#CBAA96

Triadic

#CBAA96

#96CBAA

#AA96CB

Split Complementary

#CBAA96

#96CBC4

#969CCB

Tetradic

#CBAA96

#9CCB96

#96B7CB

#C496CB

Color Blindness Simulation

Original

#CBAA96

Protanopia

#BDBC9B

Deuteranopia

#BFC19C

Tritanopia

#C99FA0

Achromatopsia

#B0B0B0

CSS Usage

background-color: #CBAA96;
color: #CBAA96;
border-color: #CBAA96;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E7D8CF
300
#D6BDAD
400
#C19981
500
#AB7554
600
#885D44
700
#6D4B36
800
#553A2A
900
#3F2D22
950
#281C15

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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