#BFA796

#BFA796

Color Values

HEX

#BFA796

RGB

191, 167, 150

HSL

24.9, 24.3%, 66.9%

HSV

24.9, 21.5%, 74.9%

CMYK

0.0%, 12.6%, 21.5%, 25.1%

OKLCH

0.7447 0.0369 57.4

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#BFA796

#96AEBF

Analogous

#BF969A

#BFBC96

#BFA796

Triadic

#BFA796

#96BFA7

#A796BF

Split Complementary

#BFA796

#96BFBC

#969ABF

Tetradic

#BFA796

#9ABF96

#96AEBF

#BC96BF

Color Blindness Simulation

Original

#BFA796

Protanopia

#B5B49A

Deuteranopia

#B6B89B

Tritanopia

#BE9D9E

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E4DAD3
300
#D1BFB3
400
#B89D8A
500
#9E7A61
600
#7F624D
700
#654E3E
800
#4F3D30
900
#3B2F26
950
#251D18

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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