#BA6316

#BA6316

Color Values

HEX

#BA6316

RGB

186, 99, 22

HSL

28.2, 78.8%, 40.8%

HSV

28.2, 88.2%, 72.9%

CMYK

0.0%, 46.8%, 88.2%, 27.1%

OKLCH

0.5903 0.1381 55.0

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6316

#166DBA

Analogous

#BA161B

#BAB516

#BA6316

Triadic

#BA6316

#16BA63

#6316BA

Split Complementary

#BA6316

#16BAB5

#161BBA

Tetradic

#BA6316

#1BBA16

#166DBA

#B516BA

Color Blindness Simulation

Original

#BA6316

Protanopia

#949429

Deuteranopia

#99A02D

Tritanopia

#B6373B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7DABF
300
#F2BF92
400
#EB9C56
500
#E4791B
600
#B66116
700
#924E11
800
#723D0E
900
#532E0E
950
#341D09

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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