#360F69

#360F69

Color Values

HEX

#360F69

RGB

54, 15, 105

HSL

266.0, 75.0%, 23.5%

HSV

266.0, 85.7%, 41.2%

CMYK

48.6%, 85.7%, 0.0%, 58.8%

OKLCH

0.2955 0.1411 295.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#360F69

#42690F

Analogous

#0F1569

#630F69

#360F69

Triadic

#360F69

#69360F

#0F6936

Split Complementary

#360F69

#69630F

#15690F

Tetradic

#360F69

#690F15

#42690F

#0F6963

Color Blindness Simulation

Original

#360F69

Protanopia

#252553

Deuteranopia

#272A4E

Tritanopia

#34423E

Achromatopsia

#1E1E1E

CSS Usage

background-color: #360F69;
color: #360F69;
border-color: #360F69;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C1F6
300
#BC94F0
400
#975AE7
500
#7320DF
600
#5C19B3
700
#49148F
800
#391070
900
#2C1051
950
#1C0A33

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

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