#C09D84

#C09D84

Color Values

HEX

#C09D84

RGB

192, 157, 132

HSL

25.0, 32.3%, 63.5%

HSV

25.0, 31.2%, 75.3%

CMYK

0.0%, 18.2%, 31.2%, 24.7%

OKLCH

0.7213 0.0545 57.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C09D84

#84A7C0

Analogous

#C08489

#C0BB84

#C09D84

Triadic

#C09D84

#84C09D

#9D84C0

Split Complementary

#C09D84

#84C0BB

#8489C0

Tetradic

#C09D84

#89C084

#84A7C0

#BB84C0

Color Blindness Simulation

Original

#C09D84

Protanopia

#B1B18A

Deuteranopia

#B3B58C

Tritanopia

#BE8F90

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BFAE
400
#BF9C82
500
#A97956
600
#876145
700
#6C4D37
800
#543C2B
900
#3F2E22
950
#271D16

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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