#BF6516

#BF6516

Color Values

HEX

#BF6516

RGB

191, 101, 22

HSL

28.0, 79.3%, 41.8%

HSV

28.0, 88.5%, 74.9%

CMYK

0.0%, 47.1%, 88.5%, 25.1%

OKLCH

0.6007 0.1415 54.6

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BF6516

#1670BF

Analogous

#BF161C

#BFB916

#BF6516

Triadic

#BF6516

#16BF65

#6516BF

Split Complementary

#BF6516

#16BFB9

#161CBF

Tetradic

#BF6516

#1CBF16

#1670BF

#B916BF

Color Blindness Simulation

Original

#BF6516

Protanopia

#989729

Deuteranopia

#9DA42E

Tritanopia

#BA383C

Achromatopsia

#727272

CSS Usage

background-color: #BF6516;
color: #BF6516;
border-color: #BF6516;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8D9BF
300
#F2BF91
400
#EB9C56
500
#E5791A
600
#B76115
700
#924D11
800
#723C0D
900
#532E0E
950
#341D09

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

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