#363597

#363597

Color Values

HEX

#363597

RGB

54, 53, 151

HSL

240.6, 48.0%, 40.0%

HSV

240.6, 64.9%, 59.2%

CMYK

64.2%, 64.9%, 0.0%, 40.8%

OKLCH

0.3948 0.1557 277.0

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#363597

#969735

Analogous

#356597

#673597

#363597

Triadic

#363597

#973635

#359736

Split Complementary

#363597

#976735

#659735

Tetradic

#363597

#973565

#969735

#359767

Color Blindness Simulation

Original

#363597

Protanopia

#36367F

Deuteranopia

#36367A

Tritanopia

#366D68

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCAEC
300
#A5A4DF
400
#7473CE
500
#4442BD
600
#363597
700
#2B2A79
800
#22215E
900
#1C1C45
950
#12112C

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

2.11:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026