#BFAD86

#BFAD86

Color Values

HEX

#BFAD86

RGB

191, 173, 134

HSL

41.1, 30.8%, 63.7%

HSV

41.1, 29.8%, 74.9%

CMYK

0.0%, 9.4%, 29.8%, 25.1%

OKLCH

0.7532 0.0568 86.1

Properties

Warm Light Nearest: navajowhite 3

Color Harmonies

Complementary

#BFAD86

#8698BF

Analogous

#BF9086

#B4BF86

#BFAD86

Triadic

#BFAD86

#86BFAD

#AD86BF

Split Complementary

#BFAD86

#86B4BF

#9086BF

Tetradic

#BFAD86

#86BF90

#8698BF

#BF86B4

Color Blindness Simulation

Original

#BFAD86

Protanopia

#B7B78F

Deuteranopia

#B8BA92

Tritanopia

#BE9799

Achromatopsia

#AEAEAE

CSS Usage

background-color: #BFAD86;
color: #BFAD86;
border-color: #BFAD86;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E6DFD0
300
#D5C9AF
400
#BEAB84
500
#A78E58
600
#857247
700
#6B5B38
800
#53472C
900
#3E3523
950
#272216

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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