#BA660D

#BA660D

Color Values

HEX

#BA660D

RGB

186, 102, 13

HSL

30.9, 86.9%, 39.0%

HSV

30.9, 93.0%, 72.9%

CMYK

0.0%, 45.2%, 93.0%, 27.1%

OKLCH

0.595 0.1384 58.1

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA660D

#0D61BA

Analogous

#BA100D

#B7BA0D

#BA660D

Triadic

#BA660D

#0DBA66

#660DBA

Split Complementary

#BA660D

#0DB7BA

#100DBA

Tetradic

#BA660D

#0DBA10

#0D61BA

#BA0DB7

Color Blindness Simulation

Original

#BA660D

Protanopia

#969523

Deuteranopia

#9AA128

Tritanopia

#B63437

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADCBC
300
#F7C38D
400
#F3A34F
500
#EE8311
600
#BF690D
700
#99540B
800
#774108
900
#56320B
950
#371F07

Contrast Checker

Text on white

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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026