#BF6F15

#BF6F15

Color Values

HEX

#BF6F15

RGB

191, 111, 21

HSL

31.8, 80.2%, 41.6%

HSV

31.8, 89.0%, 74.9%

CMYK

0.0%, 41.9%, 89.0%, 25.1%

OKLCH

0.6178 0.1368 61.2

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BF6F15

#1565BF

Analogous

#BF1A15

#BABF15

#BF6F15

Triadic

#BF6F15

#15BF6F

#6F15BF

Split Complementary

#BF6F15

#15BABF

#1A15BF

Tetradic

#BF6F15

#15BF1A

#1565BF

#BF15BA

Color Blindness Simulation

Original

#BF6F15

Protanopia

#9C9C2B

Deuteranopia

#A1A730

Tritanopia

#BB3C40

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BF6F15;
color: #BF6F15;
border-color: #BF6F15;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF8F2
100
#F9EEE1
200
#F8DDBF
300
#F3C591
400
#ECA555
500
#E68619
600
#B86B14
700
#935610
800
#73430D
900
#53330D
950
#352009

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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