#362183

#362183

Color Values

HEX

#362183

RGB

54, 33, 131

HSL

252.9, 59.8%, 32.2%

HSV

252.9, 74.8%, 51.4%

CMYK

58.8%, 74.8%, 0.0%, 48.6%

OKLCH

0.3438 0.1535 284.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#362183

#6E8321

Analogous

#213D83

#672183

#362183

Triadic

#362183

#833621

#218336

Split Complementary

#362183

#836721

#3D8321

Tetradic

#362183

#83213D

#6E8321

#218367

Color Blindness Simulation

Original

#362183

Protanopia

#2D2D6B

Deuteranopia

#2E3066

Tritanopia

#355954

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CFC6F1
300
#AD9DE6
400
#8068D9
500
#5433CC
600
#4329A3
700
#362182
800
#2A1A66
900
#22164B
950
#150E2F

Contrast Checker

Text on white

12.34:1

AA Pass AAA Pass

Text on black

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