#BA6512

#BA6512

Color Values

HEX

#BA6512

RGB

186, 101, 18

HSL

29,6, 82,4%, 40,0%

HSV

29,6, 90,3%, 72,9%

CMYK

0,0%, 45,7%, 90,3%, 27,1%

OKLCH

0,5935 0,1379 56,8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BA6512

#1267BA

Analogous

#BA1213

#BAB912

#BA6512

Triadic

#BA6512

#12BA65

#6512BA

Split Complementary

#BA6512

#12BAB9

#1213BA

Tetradic

#BA6512

#13BA12

#1267BA

#B912BA

Color Blindness Simulation

Original

#BA6512

Protanopia

#959426

Deuteranopia

#9AA02B

Tritanopia

#B63639

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DBBE
300
#F4C18F
400
#EEA053
500
#E97E16
600
#BA6512
700
#95510E
800
#743F0B
900
#54300D
950
#351E08

Contrast Checker

Text on white

4,24:1

AA Fail AAA Fail

Text on black

4,96:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026