#B04C17

#B04C17

Color Values

HEX

#B04C17

RGB

176, 76, 23

HSL

20.8, 76.9%, 39.0%

HSV

20.8, 86.9%, 69.0%

CMYK

0.0%, 56.8%, 86.9%, 31.0%

OKLCH

0.5392 0.1444 44.1

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#B04C17

#177BB0

Analogous

#B0172E

#B09817

#B04C17

Triadic

#B04C17

#17B04C

#4C17B0

Split Complementary

#B04C17

#17B098

#172EB0

Tetradic

#B04C17

#2EB017

#177BB0

#9817B0

Color Blindness Simulation

Original

#B04C17

Protanopia

#858424

Deuteranopia

#8A9227

Tritanopia

#AB2E30

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF6F2
100
#F9EAE1
200
#F7D3C0
300
#F1B393
400
#E98A58
500
#E2611D
600
#B44E18
700
#903E13
800
#71310F
900
#52260F
950
#341809

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail 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