#BA883B

#BA883B

Color Values

HEX

#BA883B

RGB

186, 136, 59

HSL

36,4, 51,8%, 48,0%

HSV

36,4, 68,3%, 72,9%

CMYK

0,0%, 26,9%, 68,3%, 27,1%

OKLCH

0,6612 0,1114 75,3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA883B

#3B6DBA

Analogous

#BA493B

#ACBA3B

#BA883B

Triadic

#BA883B

#3BBA88

#883BBA

Split Complementary

#BA883B

#3BACBA

#493BBA

Tetradic

#BA883B

#3BBA49

#3B6DBA

#BA3BAC

Color Blindness Simulation

Original

#BA883B

Protanopia

#A4A44E

Deuteranopia

#A7AB52

Tritanopia

#B85C60

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEDFC9
300
#E2C9A2
400
#D2AB70
500
#C28E3D
600
#9B7131
700
#7C5B27
800
#61471F
900
#47351A
950
#2D2210

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

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