#BA6214

#BA6214

Color Values

HEX

#BA6214

RGB

186, 98, 20

HSL

28.2, 80.6%, 40.4%

HSV

28.2, 89.2%, 72.9%

CMYK

0.0%, 47.3%, 89.2%, 27.1%

OKLCH

0.5886 0.1392 54.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6214

#146CBA

Analogous

#BA1419

#BAB514

#BA6214

Triadic

#BA6214

#14BA62

#6214BA

Split Complementary

#BA6214

#14BAB5

#1419BA

Tetradic

#BA6214

#19BA14

#146CBA

#B514BA

Color Blindness Simulation

Original

#BA6214

Protanopia

#949327

Deuteranopia

#99A02B

Tritanopia

#B63639

Achromatopsia

#6F6F6F

CSS Usage

background-color: #BA6214;
color: #BA6214;
border-color: #BA6214;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8DABF
300
#F3BF90
400
#ED9C55
500
#E67919
600
#B86114
700
#934E10
800
#733D0C
900
#542E0D
950
#351D08

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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