#36023F

#36023F

Color Values

HEX

#36023F

RGB

54, 2, 63

HSL

291.1, 93.8%, 12.7%

HSV

291.1, 96.8%, 24.7%

CMYK

14.3%, 96.8%, 0.0%, 75.3%

OKLCH

0.2432 0.1119 321.0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#36023F

#0B3F02

Analogous

#17023F

#3F0229

#36023F

Triadic

#36023F

#3F3602

#023F36

Split Complementary

#36023F

#293F02

#023F17

Tetradic

#36023F

#3F1702

#0B3F02

#02293F

Color Blindness Simulation

Original

#36023F

Protanopia

#1F1F30

Deuteranopia

#22262D

Tritanopia

#332522

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F7DFFB
200
#F3BAFD
300
#EA88FB
400
#DF48F9
500
#D408F7
600
#A906C6
700
#87059E
800
#6A047C
900
#4D0859
950
#310538

Contrast Checker

Text on white

16.97:1

AA Pass AAA Pass

Text on black

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