#971018

#971018

Color Values

HEX

#971018

RGB

151, 16, 24

HSL

356.4, 80.8%, 32.7%

HSV

356.4, 89.4%, 59.2%

CMYK

0.0%, 89.4%, 84.1%, 40.8%

OKLCH

0.4327 0.1662 25.9

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#971018

#10978F

Analogous

#97105B

#974B10

#971018

Triadic

#971018

#189710

#101897

Split Complementary

#971018

#10974B

#105B97

Tetradic

#971018

#5B9710

#10978F

#4B1097

Color Blindness Simulation

Original

#971018

Protanopia

#5D5B16

Deuteranopia

#646E16

Tritanopia

#901514

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BEC2
300
#F39096
400
#ED545E
500
#E71825
600
#B8141D
700
#941018
800
#730C12
900
#540D11
950
#35080B

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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