#360453

#360453

Color Values

HEX

#360453

RGB

54, 4, 83

HSL

278.0, 90.8%, 17.1%

HSV

278.0, 95.2%, 32.5%

CMYK

34.9%, 95.2%, 0.0%, 67.5%

OKLCH

0.2636 0.1281 307.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#360453

#215304

Analogous

#0F0453

#530449

#360453

Triadic

#360453

#533604

#045336

Split Complementary

#360453

#495304

#04530F

Tetradic

#360453

#530F04

#215304

#044953

Color Blindness Simulation

Original

#360453

Protanopia

#202040

Deuteranopia

#23273B

Tritanopia

#34312D

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F1DFFB
200
#E4BBFC
300
#D18AF9
400
#B74BF6
500
#9E0CF3
600
#7F09C3
700
#65089C
800
#4F067A
900
#3B0958
950
#250638

Contrast Checker

Text on white

16.16:1

AA Pass AAA Pass

Text on black

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