#B16624

#B16624

Color Values

HEX

#B16624

RGB

177, 102, 36

HSL

28.1, 66.2%, 41.8%

HSV

28.1, 79.7%, 69.4%

CMYK

0.0%, 42.4%, 79.7%, 30.6%

OKLCH

0.584 0.1235 57.4

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#B16624

#246FB1

Analogous

#B12428

#B1AD24

#B16624

Triadic

#B16624

#24B166

#6624B1

Split Complementary

#B16624

#24B1AD

#2428B1

Tetradic

#B16624

#28B124

#246FB1

#AD24B1

Color Blindness Simulation

Original

#B16624

Protanopia

#919034

Deuteranopia

#959A38

Tritanopia

#AD4143

Achromatopsia

#717171

CSS Usage

background-color: #B16624;
color: #B16624;
border-color: #B16624;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC4
300
#EABF99
400
#DF9D62
500
#D47A2B
600
#AA6222
700
#884E1C
800
#6A3D16
900
#4D2F14
950
#311D0C

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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