#BA5A05

#BA5A05

Color Values

HEX

#BA5A05

RGB

186, 90, 5

HSL

28.2, 94.8%, 37.5%

HSV

28.2, 97.3%, 72.9%

CMYK

0.0%, 51.6%, 97.3%, 27.1%

OKLCH

0.5751 0.1469 51.6

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#BA5A05

#0565BA

Analogous

#BA050A

#BAB505

#BA5A05

Triadic

#BA5A05

#05BA5A

#5A05BA

Split Complementary

#BA5A05

#05BAB5

#050ABA

Tetradic

#BA5A05

#0ABA05

#0565BA

#B505BA

Color Blindness Simulation

Original

#BA5A05

Protanopia

#90901A

Deuteranopia

#969D1E

Tritanopia

#B52A2D

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD9B9
300
#FCBE88
400
#FA9B47
500
#F87807
600
#C76005
700
#9F4D04
800
#7C3C03
900
#5A2E07
950
#391D04

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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