#360651

#360651

Color Values

HEX

#360651

RGB

54, 6, 81

HSL

278.4, 86.2%, 17.1%

HSV

278.4, 92.6%, 31.8%

CMYK

33.3%, 92.6%, 0.0%, 68.2%

OKLCH

0.2635 0.124 308.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#360651

#215106

Analogous

#110651

#510647

#360651

Triadic

#360651

#513606

#065136

Split Complementary

#360651

#475106

#065111

Tetradic

#360651

#511106

#215106

#064751

Color Blindness Simulation

Original

#360651

Protanopia

#21213F

Deuteranopia

#24283A

Tritanopia

#34312D

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E4BDFA
300
#D18DF7
400
#B74FF2
500
#9E12ED
600
#7F0EBE
700
#650B98
800
#4F0977
900
#3B0B56
950
#250736

Contrast Checker

Text on white

16.13:1

AA Pass AAA Pass

Text on black

1.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026