#BA771A

#BA771A

Color Values

HEX

#BA771A

RGB

186, 119, 26

HSL

34.9, 75.5%, 41.6%

HSV

34.9, 86.0%, 72.9%

CMYK

0.0%, 36.0%, 86.0%, 27.1%

OKLCH

0.626 0.129 68.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BA771A

#1A5DBA

Analogous

#BA271A

#ADBA1A

#BA771A

Triadic

#BA771A

#1ABA77

#771ABA

Split Complementary

#BA771A

#1AADBA

#271ABA

Tetradic

#BA771A

#1ABA27

#1A5DBA

#BA1AAD

Color Blindness Simulation

Original

#BA771A

Protanopia

#9D9C30

Deuteranopia

#A1A636

Tritanopia

#B74246

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6E0C0
300
#F0C994
400
#E8AC59
500
#E08F1F
600
#B37319
700
#8F5C14
800
#704810
900
#513610
950
#33220A

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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