#BF7222

#BF7222

Color Values

HEX

#BF7222

RGB

191, 114, 34

HSL

30.6, 69.8%, 44.1%

HSV

30.6, 82.2%, 74.9%

CMYK

0.0%, 40.3%, 82.2%, 25.1%

OKLCH

0.6238 0.1314 61.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BF7222

#226FBF

Analogous

#BF2422

#BDBF22

#BF7222

Triadic

#BF7222

#22BF72

#7222BF

Split Complementary

#BF7222

#22BDBF

#2422BF

Tetradic

#BF7222

#22BF24

#226FBF

#BF22BD

Color Blindness Simulation

Original

#BF7222

Protanopia

#9E9D35

Deuteranopia

#A2A83A

Tritanopia

#BB4548

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DCC2
300
#EDC397
400
#E3A25F
500
#D88127
600
#AD671F
700
#8B5319
800
#6C4113
900
#4F3112
950
#321F0B

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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