#B45F18

#B45F18

Color Values

HEX

#B45F18

RGB

180, 95, 24

HSL

27.3, 76.5%, 40.0%

HSV

27.3, 86.7%, 70.6%

CMYK

0.0%, 47.2%, 86.7%, 29.4%

OKLCH

0.5752 0.1343 54.0

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B45F18

#186DB4

Analogous

#B4181F

#B4AD18

#B45F18

Triadic

#B45F18

#18B45F

#5F18B4

Split Complementary

#B45F18

#18B4AD

#181FB4

Tetradic

#B45F18

#1FB418

#186DB4

#AD18B4

Color Blindness Simulation

Original

#B45F18

Protanopia

#8F8E29

Deuteranopia

#949A2D

Tritanopia

#B0373A

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F7D9C0
300
#F1BE93
400
#E99A58
500
#E1771E
600
#B45F18
700
#904C13
800
#713B0F
900
#522D0F
950
#341D0A

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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