#BA730B

#BA730B

Color Values

HEX

#BA730B

RGB

186, 115, 11

HSL

35,7, 88,8%, 38,6%

HSV

35,7, 94,1%, 72,9%

CMYK

0,0%, 38,2%, 94,1%, 27,1%

OKLCH

0,6181 0,1338 67,0

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA730B

#0B52BA

Analogous

#BA1C0B

#A9BA0B

#BA730B

Triadic

#BA730B

#0BBA73

#730BBA

Split Complementary

#BA730B

#0BA9BA

#1C0BBA

Tetradic

#BA730B

#0BBA1C

#0B52BA

#BA0BA9

Color Blindness Simulation

Original

#BA730B

Protanopia

#9B9B24

Deuteranopia

#9FA52A

Tritanopia

#B6383C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBF0E0
200
#FBE1BC
300
#F8CC8B
400
#F4B14D
500
#F1950E
600
#C1770B
700
#9A5F09
800
#784B07
900
#57380A
950
#372306

Contrast Checker

Text on white

3,79:1

AA Fail AAA Fail

Text on black

5,54: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