#331018

#331018

Color Values

HEX

#331018

RGB

51, 16, 24

HSL

346.3, 52.2%, 13.1%

HSV

346.3, 68.6%, 20.0%

CMYK

0.0%, 68.6%, 52.9%, 80.0%

OKLCH

0.2324 0.0572 8.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331018

#10332B

Analogous

#331029

#331910

#331018

Triadic

#331018

#183310

#101833

Split Complementary

#331018

#103319

#102933

Tetradic

#331018

#293310

#10332B

#191033

Color Blindness Simulation

Original

#331018

Protanopia

#242416

Deuteranopia

#262816

Tritanopia

#311514

Achromatopsia

#181818

CSS Usage

background-color: #331018;
color: #331018;
border-color: #331018;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FBF4F6
100
#F5E5E9
200
#EEC9D1
300
#E2A2B0
400
#D26F86
500
#C23D5B
600
#9B3149
700
#7C273A
800
#611E2E
900
#471A24
950
#2D1017

Contrast Checker

Text on white

17.1:1

AA Pass AAA Pass

Text on black

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