#BA720B

#BA720B

Color Values

HEX

#BA720B

RGB

186, 114, 11

HSL

35,3, 88,8%, 38,6%

HSV

35,3, 94,1%, 72,9%

CMYK

0,0%, 38,7%, 94,1%, 27,1%

OKLCH

0,6162 0,134 66,3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA720B

#0B53BA

Analogous

#BA1A0B

#AABA0B

#BA720B

Triadic

#BA720B

#0BBA72

#720BBA

Split Complementary

#BA720B

#0BAABA

#1A0BBA

Tetradic

#BA720B

#0BBA1A

#0B53BA

#BA0BAA

Color Blindness Simulation

Original

#BA720B

Protanopia

#9B9A24

Deuteranopia

#9FA42A

Tritanopia

#B6383C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBF0E0
200
#FBE1BC
300
#F8CB8B
400
#F4AF4D
500
#F1940E
600
#C1760B
700
#9A5E09
800
#784A07
900
#57370A
950
#372306

Contrast Checker

Text on white

3,82:1

AA Fail AAA Fail

Text on black

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