#BF8650

#BF8650

Color Values

HEX

#BF8650

RGB

191, 134, 80

HSL

29.2, 46.4%, 53.1%

HSV

29.2, 58.1%, 74.9%

CMYK

0.0%, 29.8%, 58.1%, 25.1%

OKLCH

0.6656 0.0994 63.2

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#BF8650

#5089BF

Analogous

#BF5051

#BFBD50

#BF8650

Triadic

#BF8650

#50BF86

#8650BF

Split Complementary

#BF8650

#50BFBD

#5051BF

Tetradic

#BF8650

#51BF50

#5089BF

#BD50BF

Color Blindness Simulation

Original

#BF8650

Protanopia

#A6A65D

Deuteranopia

#AAAE60

Tritanopia

#BC676A

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DEC1A5
400
#CC9F75
500
#BB7E44
600
#956537
700
#77512C
800
#5D3F22
900
#45301C
950
#2B1E12

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

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