#36075F

#36075F

Color Values

HEX

#36075F

RGB

54, 7, 95

HSL

272.0, 86.3%, 20.0%

HSV

272.0, 92.6%, 37.3%

CMYK

43.2%, 92.6%, 0.0%, 62.7%

OKLCH

0.2783 0.1372 301.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#36075F

#305F07

Analogous

#0A075F

#5F075C

#36075F

Triadic

#36075F

#5F3607

#075F36

Split Complementary

#36075F

#5C5F07

#075F0A

Tetradic

#36075F

#5F0A07

#305F07

#075C5F

Color Blindness Simulation

Original

#36075F

Protanopia

#22214A

Deuteranopia

#242845

Tritanopia

#343935

Achromatopsia

#171717

CSS Usage

background-color: #36075F;
color: #36075F;
border-color: #36075F;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFA
300
#C58DF7
400
#A64FF2
500
#8711EE
600
#6C0EBE
700
#560B98
800
#430977
900
#330B56
950
#200736

Contrast Checker

Text on white

15.53:1

AA Pass AAA Pass

Text on black

1.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026