#BA7510

#BA7510

Color Values

HEX

#BA7510

RGB

186, 117, 16

HSL

35.6, 84.2%, 39.6%

HSV

35.6, 91.4%, 72.9%

CMYK

0.0%, 37.1%, 91.4%, 27.1%

OKLCH

0.6219 0.1323 68.0

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA7510

#1055BA

Analogous

#BA2010

#AABA10

#BA7510

Triadic

#BA7510

#10BA75

#7510BA

Split Complementary

#BA7510

#10AABA

#2010BA

Tetradic

#BA7510

#10BA20

#1055BA

#BA10AA

Color Blindness Simulation

Original

#BA7510

Protanopia

#9C9C28

Deuteranopia

#A0A52E

Tritanopia

#B73C40

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E0
200
#F9E1BD
300
#F5CB8E
400
#F0AF51
500
#EB9414
600
#BC7610
700
#965E0D
800
#754A0A
900
#55370C
950
#362307

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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