#351F84

#351F84

Color Values

HEX

#351F84

RGB

53, 31, 132

HSL

253.1, 62.0%, 32.0%

HSV

253.1, 76.5%, 51.8%

CMYK

59.8%, 76.5%, 0.0%, 48.2%

OKLCH

0.341 0.1571 284.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#351F84

#6E841F

Analogous

#1F3C84

#681F84

#351F84

Triadic

#351F84

#84351F

#1F8435

Split Complementary

#351F84

#84681F

#3C841F

Tetradic

#351F84

#841F3C

#6E841F

#1F8468

Color Blindness Simulation

Original

#351F84

Protanopia

#2B2B6C

Deuteranopia

#2D2E66

Tritanopia

#345854

Achromatopsia

#2B2B2B

CSS Usage

background-color: #351F84;
color: #351F84;
border-color: #351F84;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CFC5F1
300
#AC9CE8
400
#8066DB
500
#5330CF
600
#4227A5
700
#351F84
800
#291867
900
#21154B
950
#150E30

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

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