#362283

#362283

Color Values

HEX

#362283

RGB

54, 34, 131

HSL

252.4, 58.8%, 32.4%

HSV

252.4, 74.0%, 51.4%

CMYK

58.8%, 74.0%, 0.0%, 48.6%

OKLCH

0.3452 0.1524 284.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#362283

#6F8322

Analogous

#223F83

#672283

#362283

Triadic

#362283

#833622

#228336

Split Complementary

#362283

#836722

#3F8322

Tetradic

#362283

#83223F

#6F8322

#228367

Color Blindness Simulation

Original

#362283

Protanopia

#2D2D6C

Deuteranopia

#2E3066

Tritanopia

#355955

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E8E4F6
200
#CFC6F0
300
#AD9EE6
400
#8069D8
500
#5435CA
600
#432AA2
700
#352282
800
#2A1A65
900
#21174A
950
#150E2F

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026