#362A85

#362A85

Color Values

HEX

#362A85

RGB

54, 42, 133

HSL

247.9, 52.0%, 34.3%

HSV

247.9, 68.4%, 52.2%

CMYK

59.4%, 68.4%, 0.0%, 47.8%

OKLCH

0.3595 0.1452 282.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#362A85

#79852A

Analogous

#2A4B85

#632A85

#362A85

Triadic

#362A85

#85362A

#2A8536

Split Complementary

#362A85

#85632A

#4B852A

Tetradic

#362A85

#852A4B

#79852A

#2A8563

Color Blindness Simulation

Original

#362A85

Protanopia

#31316F

Deuteranopia

#32326A

Tritanopia

#355E5A

Achromatopsia

#333333

CSS Usage

background-color: #362A85;
color: #362A85;
border-color: #362A85;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9EE
300
#AAA2E2
400
#7D70D2
500
#4F3DC2
600
#3F319B
700
#32277C
800
#271F61
900
#201A47
950
#14102D

Contrast Checker

Text on white

11.5:1

AA Pass AAA Pass

Text on black

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