#8A1002

#8A1002

Color Values

HEX

#8A1002

RGB

138, 16, 2

HSL

6.2, 97.1%, 27.5%

HSV

6.2, 98.6%, 54.1%

CMYK

0.0%, 88.4%, 98.6%, 45.9%

OKLCH

0.4051 0.1563 30.9

Properties

Warm Dark Nearest: darkred

Color Harmonies

Complementary

#8A1002

#027C8A

Analogous

#8A0238

#8A5402

#8A1002

Triadic

#8A1002

#028A10

#10028A

Split Complementary

#8A1002

#028A54

#02388A

Tetradic

#8A1002

#388A02

#027C8A

#54028A

Color Blindness Simulation

Original

#8A1002

Protanopia

#555405

Deuteranopia

#5C6506

Tritanopia

#840809

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEC0B9
300
#FD9386
400
#FC5845
500
#FB1D04
600
#C91703
700
#A11302
800
#7E0F02
900
#5B0F06
950
#390904

Contrast Checker

Text on white

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