#360960

#360960

Color Values

HEX

#360960

RGB

54, 9, 96

HSL

271,0, 82,9%, 20,6%

HSV

271,0, 90,6%, 37,6%

CMYK

43,7%, 90,6%, 0,0%, 62,4%

OKLCH

0,281 0,1365 300,5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#360960

#336009

Analogous

#0A0960

#60095F

#360960

Triadic

#360960

#603609

#096036

Split Complementary

#360960

#5F6009

#09600A

Tetradic

#360960

#600A09

#336009

#095F60

Color Blindness Simulation

Original

#360960

Protanopia

#23224B

Deuteranopia

#252846

Tritanopia

#343A37

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DCBEF9
300
#C38FF5
400
#A352EF
500
#8316E9
600
#6911BB
700
#540E95
800
#420B75
900
#320C55
950
#1F0835

Contrast Checker

Text on white

15,39:1

AA Pass AAA Pass

Text on black

1,36: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