#BFAF97

#BFAF97

Color Values

HEX

#BFAF97

RGB

191, 175, 151

HSL

36.0, 23.8%, 67.1%

HSV

36.0, 20.9%, 74.9%

CMYK

0.0%, 8.4%, 20.9%, 25.1%

OKLCH

0.7612 0.0379 78.0

Properties

Warm Light Nearest: bisque 3

Color Harmonies

Complementary

#BFAF97

#97A7BF

Analogous

#BF9B97

#BBBF97

#BFAF97

Triadic

#BFAF97

#97BFAF

#AF97BF

Split Complementary

#BFAF97

#97BBBF

#9B97BF

Tetradic

#BFAF97

#97BF9B

#97A7BF

#BF97BB

Color Blindness Simulation

Original

#BFAF97

Protanopia

#B8B89D

Deuteranopia

#B9BA9E

Tritanopia

#BEA1A2

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E4DDD3
300
#D0C5B3
400
#B7A58A
500
#9E8661
600
#7E6B4E
700
#65553E
800
#4F4331
900
#3B3326
950
#252018

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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