#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026