#BD877A

#BD877A

Color Values

HEX

#BD877A

RGB

189, 135, 122

HSL

11.6, 33.7%, 61.0%

HSV

11.6, 35.4%, 74.1%

CMYK

0.0%, 28.6%, 35.4%, 25.9%

OKLCH

0.6733 0.0696 34.0

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BD877A

#7AB0BD

Analogous

#BD7A8F

#BDA97A

#BD877A

Triadic

#BD877A

#7ABD87

#877ABD

Split Complementary

#BD877A

#7ABDA9

#7A8FBD

Tetradic

#BD877A

#8FBD7A

#7AB0BD

#A97ABD

Color Blindness Simulation

Original

#BD877A

Protanopia

#A6A57D

Deuteranopia

#A9AD7E

Tritanopia

#BA8080

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E7D4CF
300
#D6B5AD
400
#C08D81
500
#AA6555
600
#885144
700
#6D4136
800
#55332A
900
#3F2722
950
#281915

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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