#88481C

#88481C

Color Values

HEX

#88481C

RGB

136, 72, 28

HSL

24.4, 65.9%, 32.2%

HSV

24.4, 79.4%, 53.3%

CMYK

0.0%, 47.1%, 79.4%, 46.7%

OKLCH

0.4723 0.1036 51.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#88481C

#1C5C88

Analogous

#881C26

#887E1C

#88481C

Triadic

#88481C

#1C8848

#481C88

Split Complementary

#88481C

#1C887E

#1C2688

Tetradic

#88481C

#26881C

#1C5C88

#7E1C88

Color Blindness Simulation

Original

#88481C

Protanopia

#6C6C27

Deuteranopia

#707529

Tritanopia

#852F31

Achromatopsia

#525252

CSS Usage

background-color: #88481C;
color: #88481C;
border-color: #88481C;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FCF7F3
100
#F7EBE3
200
#F3D7C4
300
#EABA99
400
#DF9562
500
#D4702B
600
#A95923
700
#87481C
800
#6A3816
900
#4D2B14
950
#311B0C

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

2.99:1

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