#BF978F

#BF978F

Color Values

HEX

#BF978F

RGB

191, 151, 143

HSL

10.0, 27.3%, 65.5%

HSV

10.0, 25.1%, 74.9%

CMYK

0.0%, 20.9%, 25.1%, 25.1%

OKLCH

0.7112 0.0497 31.3

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#BF978F

#8FB7BF

Analogous

#BF8F9F

#BFAF8F

#BF978F

Triadic

#BF978F

#8FBF97

#978FBF

Split Complementary

#BF978F

#8FBFAF

#8F9FBF

Tetradic

#BF978F

#9FBF8F

#8FB7BF

#AF8FBF

Color Blindness Simulation

Original

#BF978F

Protanopia

#AEAD91

Deuteranopia

#B0B391

Tritanopia

#BD9293

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D5D2
300
#D3B7B1
400
#BA8F87
500
#A2685D
600
#82534A
700
#68433B
800
#51342E
900
#3C2925
950
#261A17

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

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