#331353

#331353

Color Values

HEX

#331353

RGB

51, 19, 83

HSL

270.0, 62.7%, 20.0%

HSV

270.0, 77.1%, 32.5%

CMYK

38.6%, 77.1%, 0.0%, 67.5%

OKLCH

0.2751 0.1102 302.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#331353

#335313

Analogous

#131353

#531353

#331353

Triadic

#331353

#533313

#135333

Split Complementary

#331353

#535313

#135313

Tetradic

#331353

#531313

#335313

#135353

Color Blindness Simulation

Original

#331353

Protanopia

#252544

Deuteranopia

#272940

Tritanopia

#313735

Achromatopsia

#1E1E1E

CSS Usage

background-color: #331353;
color: #331353;
border-color: #331353;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DBC5F2
300
#C29BE8
400
#A165DC
500
#8030CF
600
#6626A6
700
#521E85
800
#401868
900
#30154C
950
#1F0D30

Contrast Checker

Text on white

15.45:1

AA Pass AAA Pass

Text on black

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