#881418

#881418

Color Values

HEX

#881418

RGB

136, 20, 24

HSL

357.9, 74.4%, 30.6%

HSV

357.9, 85.3%, 53.3%

CMYK

0.0%, 85.3%, 82.4%, 46.7%

OKLCH

0.4053 0.1498 25.9

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#881418

#148884

Analogous

#881452

#884A14

#881418

Triadic

#881418

#188814

#141888

Split Complementary

#881418

#14884A

#145288

Tetradic

#881418

#528814

#148884

#4A1488

Color Blindness Simulation

Original

#881418

Protanopia

#565517

Deuteranopia

#5C6517

Tritanopia

#821616

Achromatopsia

#2D2D2D

CSS Usage

background-color: #881418;
color: #881418;
border-color: #881418;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F6C1C3
300
#EF9497
400
#E75A5F
500
#DE2127
600
#B21A1F
700
#8E1519
800
#6F1014
900
#511012
950
#330A0C

Contrast Checker

Text on white

9.72:1

AA Pass AAA Pass

Text on black

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