#88342D

#88342D

Color Values

HEX

#88342D

RGB

136, 52, 45

HSL

4.6, 50.3%, 35.5%

HSV

4.6, 66.9%, 53.3%

CMYK

0.0%, 61.8%, 66.9%, 46.7%

OKLCH

0.4423 0.1167 27.6

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#88342D

#2D8188

Analogous

#882D54

#88622D

#88342D

Triadic

#88342D

#2D8834

#342D88

Split Complementary

#88342D

#2D8862

#2D5488

Tetradic

#88342D

#54882D

#2D8188

#622D88

Color Blindness Simulation

Original

#88342D

Protanopia

#64632F

Deuteranopia

#686F2F

Tritanopia

#843030

Achromatopsia

#454545

CSS Usage

background-color: #88342D;
color: #88342D;
border-color: #88342D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCCC9
300
#E1A8A3
400
#D07871
500
#C0493F
600
#993B33
700
#7B2F29
800
#602520
900
#461E1B
950
#2C1311

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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