#B55606

#B55606

Color Values

HEX

#B55606

RGB

181, 86, 6

HSL

27.4, 93.6%, 36.7%

HSV

27.4, 96.7%, 71.0%

CMYK

0.0%, 52.5%, 96.7%, 29.0%

OKLCH

0.5614 0.1447 50.7

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B55606

#0665B5

Analogous

#B5060E

#B5AE06

#B55606

Triadic

#B55606

#06B556

#5606B5

Split Complementary

#B55606

#06B5AE

#060EB5

Tetradic

#B55606

#0EB506

#0665B5

#AE06B5

Color Blindness Simulation

Original

#B55606

Protanopia

#8C8B19

Deuteranopia

#91981E

Tritanopia

#B0292C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD8BA
300
#FBBD89
400
#F99948
500
#F77508
600
#C55E07
700
#9E4B05
800
#7B3B04
900
#592D08
950
#381C05

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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