#BF8F46

#BF8F46

Color Values

HEX

#BF8F46

RGB

191, 143, 70

HSL

36.2, 48.6%, 51.2%

HSV

36.2, 63.4%, 74.9%

CMYK

0.0%, 25.1%, 63.4%, 25.1%

OKLCH

0.6818 0.1074 75.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BF8F46

#4676BF

Analogous

#BF5346

#B3BF46

#BF8F46

Triadic

#BF8F46

#46BF8F

#8F46BF

Split Complementary

#BF8F46

#46B3BF

#5346BF

Tetradic

#BF8F46

#46BF53

#4676BF

#BF46B3

Color Blindness Simulation

Original

#BF8F46

Protanopia

#AAAA58

Deuteranopia

#ADB15C

Tritanopia

#BD6669

Achromatopsia

#949494

CSS Usage

background-color: #BF8F46;
color: #BF8F46;
border-color: #BF8F46;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFCA
300
#E0C8A4
400
#CFAA73
500
#BD8C42
600
#987034
700
#795A2A
800
#5F4621
900
#46351B
950
#2C2111

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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