#BF877D

#BF877D

Color Values

HEX

#BF877D

RGB

191, 135, 125

HSL

9.1, 34.0%, 62.0%

HSV

9.1, 34.6%, 74.9%

CMYK

0.0%, 29.3%, 34.6%, 25.1%

OKLCH

0.6762 0.071 30.3

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BF877D

#7DB5BF

Analogous

#BF7D94

#BFA87D

#BF877D

Triadic

#BF877D

#7DBF87

#877DBF

Split Complementary

#BF877D

#7DBFA8

#7D94BF

Tetradic

#BF877D

#94BF7D

#7DB5BF

#A87DBF

Color Blindness Simulation

Original

#BF877D

Protanopia

#A7A67F

Deuteranopia

#AAAE80

Tritanopia

#BC8182

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E7D3CF
300
#D7B3AD
400
#C18A81
500
#AB6154
600
#894E43
700
#6D3E36
800
#55312A
900
#3F2622
950
#281815

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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