#BA5F04

#BA5F04

Color Values

HEX

#BA5F04

RGB

186, 95, 4

HSL

30.0, 95.8%, 37.3%

HSV

30.0, 97.8%, 72.9%

CMYK

0.0%, 48.9%, 97.8%, 27.1%

OKLCH

0.5831 0.1438 54.6

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA5F04

#045FBA

Analogous

#BA0404

#BABA04

#BA5F04

Triadic

#BA5F04

#04BA5F

#5F04BA

Split Complementary

#BA5F04

#04BABA

#0404BA

Tetradic

#BA5F04

#04BA04

#045FBA

#BA04BA

Color Blindness Simulation

Original

#BA5F04

Protanopia

#93921A

Deuteranopia

#989F1F

Tritanopia

#B52B2F

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FEDBB9
300
#FCC287
400
#FBA146
500
#FA8005
600
#C86604
700
#A05203
800
#7D4003
900
#5A3007
950
#391F04

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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