#BFA397

#BFA397

Color Values

HEX

#BFA397

RGB

191, 163, 151

HSL

18.0, 23.8%, 67.1%

HSV

18.0, 20.9%, 74.9%

CMYK

0.0%, 14.7%, 20.9%, 25.1%

OKLCH

0.7369 0.0373 44.5

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BFA397

#97B3BF

Analogous

#BF979F

#BFB797

#BFA397

Triadic

#BFA397

#97BFA3

#A397BF

Split Complementary

#BFA397

#97BFB7

#979FBF

Tetradic

#BFA397

#9FBF97

#97B3BF

#B797BF

Color Blindness Simulation

Original

#BFA397

Protanopia

#B3B39A

Deuteranopia

#B4B79B

Tritanopia

#BE9C9D

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E4D8D3
300
#D0BCB3
400
#B7988A
500
#9E7361
600
#7E5C4E
700
#654A3E
800
#4F3A31
900
#3B2C26
950
#251C18

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026