#BA7430

#BA7430

Color Values

HEX

#BA7430

RGB

186, 116, 48

HSL

29.6, 59.0%, 45.9%

HSV

29.6, 74.2%, 72.9%

CMYK

0.0%, 37.6%, 74.2%, 27.1%

OKLCH

0.622 0.1201 61.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BA7430

#3076BA

Analogous

#BA3031

#BAB930

#BA7430

Triadic

#BA7430

#30BA74

#7430BA

Split Complementary

#BA7430

#30BAB9

#3031BA

Tetradic

#BA7430

#31BA30

#3076BA

#B930BA

Color Blindness Simulation

Original

#BA7430

Protanopia

#9C9B40

Deuteranopia

#A0A544

Tritanopia

#B64D50

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DBC6
300
#E6C19E
400
#D8A069
500
#CB7E34
600
#A2652A
700
#825121
800
#653F1A
900
#4A3017
950
#2F1E0E

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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