#88331C

#88331C

Color Values

HEX

#88331C

RGB

136, 51, 28

HSL

12,8, 65,9%, 32,2%

HSV

12,8, 79,4%, 53,3%

CMYK

0,0%, 62,5%, 79,4%, 46,7%

OKLCH

0,4385 0,1219 35,9

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#88331C

#1C7188

Analogous

#881C3B

#88691C

#88331C

Triadic

#88331C

#1C8833

#331C88

Split Complementary

#88331C

#1C8869

#1C3B88

Tetradic

#88331C

#3B881C

#1C7188

#691C88

Color Blindness Simulation

Original

#88331C

Protanopia

#636222

Deuteranopia

#686E23

Tritanopia

#842627

Achromatopsia

#434343

CSS Usage

background-color: #88331C;
color: #88331C;
border-color: #88331C;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FCF5F3
100
#F7E7E3
200
#F3CEC4
300
#EAAB99
400
#DF7D62
500
#D44F2B
600
#A93F23
700
#87331C
800
#6A2816
900
#4D2014
950
#31140C

Contrast Checker

Text on white

8,28:1

AA Pass AAA Pass

Text on black

2,54: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