#BD6C69

#BD6C69

Color Values

HEX

#BD6C69

RGB

189, 108, 105

HSL

2.1, 38.9%, 57.6%

HSV

2.1, 44.4%, 74.1%

CMYK

0.0%, 42.9%, 44.4%, 25.9%

OKLCH

0.621 0.1038 22.7

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BD6C69

#69BABD

Analogous

#BD6990

#BD9669

#BD6C69

Triadic

#BD6C69

#69BD6C

#6C69BD

Split Complementary

#BD6C69

#69BD96

#6990BD

Tetradic

#BD6C69

#90BD69

#69BABD

#9669BD

Color Blindness Simulation

Original

#BD6C69

Protanopia

#9A996A

Deuteranopia

#9FA56A

Tritanopia

#B96A6A

Achromatopsia

#7D7D7D

CSS Usage

background-color: #BD6C69;
color: #BD6C69;
border-color: #BD6C69;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CECD
300
#DAACAA
400
#C57F7C
500
#B1514E
600
#8E413E
700
#713432
800
#592927
900
#41211F
950
#291514

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

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