#BA670C

#BA670C

Color Values

HEX

#BA670C

RGB

186, 103, 12

HSL

31.4, 87.9%, 38.8%

HSV

31.4, 93.5%, 72.9%

CMYK

0.0%, 44.6%, 93.5%, 27.1%

OKLCH

0.5967 0.1381 58.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA670C

#0C5FBA

Analogous

#BA100C

#B6BA0C

#BA670C

Triadic

#BA670C

#0CBA67

#670CBA

Split Complementary

#BA670C

#0CB6BA

#100CBA

Tetradic

#BA670C

#0CBA10

#0C5FBA

#BA0CB6

Color Blindness Simulation

Original

#BA670C

Protanopia

#969522

Deuteranopia

#9BA127

Tritanopia

#B63337

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FBDDBC
300
#F8C48C
400
#F4A54E
500
#F0850F
600
#C06A0C
700
#99550A
800
#784208
900
#57320A
950
#372006

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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