#36012F

#36012F

Color Values

HEX

#36012F

RGB

54, 1, 47

HSL

307.9, 96.4%, 10.8%

HSV

307.9, 98.1%, 21.2%

CMYK

0.0%, 98.1%, 13.0%, 78.8%

OKLCH

0.2297 0.1 334.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#36012F

#013608

Analogous

#230136

#360115

#36012F

Triadic

#36012F

#2F3601

#012F36

Split Complementary

#36012F

#153601

#013623

Tetradic

#36012F

#362301

#013608

#011536

Color Blindness Simulation

Original

#36012F

Protanopia

#1F1F24

Deuteranopia

#222621

Tritanopia

#331B19

Achromatopsia

#101010

CSS Usage

background-color: #36012F;
color: #36012F;
border-color: #36012F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FEF1FC
100
#FCDFF8
200
#FEB9F5
300
#FD87ED
400
#FC46E4
500
#FA05DA
600
#C804AE
700
#A0038C
800
#7D026D
900
#5A064F
950
#390432

Contrast Checker

Text on white

17.47:1

AA Pass AAA Pass

Text on black

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