#B46018

#B46018

Color Values

HEX

#B46018

RGB

180, 96, 24

HSL

27.7, 76.5%, 40.0%

HSV

27.7, 86.7%, 70.6%

CMYK

0.0%, 46.7%, 86.7%, 29.4%

OKLCH

0.5769 0.1337 54.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B46018

#186CB4

Analogous

#B4181E

#B4AE18

#B46018

Triadic

#B46018

#18B460

#6018B4

Split Complementary

#B46018

#18B4AE

#181EB4

Tetradic

#B46018

#1EB418

#186CB4

#AE18B4

Color Blindness Simulation

Original

#B46018

Protanopia

#908F29

Deuteranopia

#949B2E

Tritanopia

#B0373A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F7D9C0
300
#F1BE93
400
#E99B58
500
#E1781E
600
#B46018
700
#904D13
800
#713C0F
900
#522E0F
950
#341D0A

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026