#BA5705

#BA5705

Color Values

HEX

#BA5705

RGB

186, 87, 5

HSL

27.2, 94.8%, 37.5%

HSV

27.2, 97.3%, 72.9%

CMYK

0.0%, 53.2%, 97.3%, 27.1%

OKLCH

0.5704 0.149 50.0

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5705

#0568BA

Analogous

#BA050D

#BAB205

#BA5705

Triadic

#BA5705

#05BA57

#5705BA

Split Complementary

#BA5705

#05BAB2

#050DBA

Tetradic

#BA5705

#0DBA05

#0568BA

#B205BA

Color Blindness Simulation

Original

#BA5705

Protanopia

#8F8E19

Deuteranopia

#959C1E

Tritanopia

#B5292C

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD8B9
300
#FCBC88
400
#FA9847
500
#F87407
600
#C75D05
700
#9F4A04
800
#7C3A03
900
#5A2D07
950
#391C04

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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