#BA822F

#BA822F

Color Values

HEX

#BA822F

RGB

186, 130, 47

HSL

35,8, 59,7%, 45,7%

HSV

35,8, 74,7%, 72,9%

CMYK

0,0%, 30,1%, 74,7%, 27,1%

OKLCH

0,6484 0,1185 73,0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA822F

#2F67BA

Analogous

#BA3C2F

#ADBA2F

#BA822F

Triadic

#BA822F

#2FBA82

#822FBA

Split Complementary

#BA822F

#2FADBA

#3C2FBA

Tetradic

#BA822F

#2FBA3C

#2F67BA

#BA2FAD

Color Blindness Simulation

Original

#BA822F

Protanopia

#A2A143

Deuteranopia

#A5A948

Tritanopia

#B75356

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E6C99D
400
#D9AC68
500
#CC8E33
600
#A37229
700
#825B21
800
#66471A
900
#4A3516
950
#2F220E

Contrast Checker

Text on white

3,32:1

AA Fail AAA Fail

Text on black

6,32: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