#BA6609

#BA6609

Color Values

HEX

#BA6609

RGB

186, 102, 9

HSL

31.5, 90.8%, 38.2%

HSV

31.5, 95.2%, 72.9%

CMYK

0.0%, 45.2%, 95.2%, 27.1%

OKLCH

0.5949 0.1391 58.4

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6609

#095DBA

Analogous

#BA0D09

#B5BA09

#BA6609

Triadic

#BA6609

#09BA66

#6609BA

Split Complementary

#BA6609

#09B5BA

#0D09BA

Tetradic

#BA6609

#09BA0D

#095DBA

#BA09B5

Color Blindness Simulation

Original

#BA6609

Protanopia

#96951F

Deuteranopia

#9AA125

Tritanopia

#B63135

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDDBB
300
#F9C58A
400
#F6A54B
500
#F3850C
600
#C36B09
700
#9C5508
800
#7A4306
900
#583209
950
#382006

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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