#BA6619

#BA6619

Color Values

HEX

#BA6619

RGB

186, 102, 25

HSL

28.7, 76.3%, 41.4%

HSV

28.7, 86.6%, 72.9%

CMYK

0.0%, 45.2%, 86.6%, 27.1%

OKLCH

0.5955 0.1356 56.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6619

#196DBA

Analogous

#BA191D

#BAB719

#BA6619

Triadic

#BA6619

#19BA66

#6619BA

Split Complementary

#BA6619

#19BAB7

#191DBA

Tetradic

#BA6619

#1DBA19

#196DBA

#B719BA

Color Blindness Simulation

Original

#BA6619

Protanopia

#96952C

Deuteranopia

#9AA130

Tritanopia

#B63A3E

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F7DAC0
300
#F0C093
400
#E99E59
500
#E17B1E
600
#B46318
700
#904F13
800
#703E0F
900
#522F0F
950
#341E0A

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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