#362087

#362087

Color Values

HEX

#362087

RGB

54, 32, 135

HSL

252.8, 61.7%, 32.7%

HSV

252.8, 76.3%, 52.9%

CMYK

60.0%, 76.3%, 0.0%, 47.1%

OKLCH

0.3464 0.1596 284.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#362087

#718720

Analogous

#203D87

#692087

#362087

Triadic

#362087

#873620

#208736

Split Complementary

#362087

#876920

#3D8720

Tetradic

#362087

#87203D

#718720

#208769

Color Blindness Simulation

Original

#362087

Protanopia

#2C2C6E

Deuteranopia

#2E2F68

Tritanopia

#355A56

Achromatopsia

#2C2C2C

CSS Usage

background-color: #362087;
color: #362087;
border-color: #362087;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CFC5F1
300
#AC9CE8
400
#7F66DB
500
#5231CE
600
#4227A5
700
#351F84
800
#291867
900
#21164B
950
#150E30

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

1.71:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026