#BD7A71

#BD7A71

Color Values

HEX

#BD7A71

RGB

189, 122, 113

HSL

7.1, 36.5%, 59.2%

HSV

7.1, 40.2%, 74.1%

CMYK

0.0%, 35.4%, 40.2%, 25.9%

OKLCH

0.6472 0.0857 28.0

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BD7A71

#71B4BD

Analogous

#BD718E

#BDA071

#BD7A71

Triadic

#BD7A71

#71BD7A

#7A71BD

Split Complementary

#BD7A71

#71BDA0

#718EBD

Tetradic

#BD7A71

#8EBD71

#71B4BD

#A071BD

Color Blindness Simulation

Original

#BD7A71

Protanopia

#A09F73

Deuteranopia

#A4A974

Tritanopia

#BA7575

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D1CE
300
#D8B1AB
400
#C3867E
500
#AE5C51
600
#8B4A41
700
#6F3B34
800
#572E28
900
#402421
950
#291715

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026