#331768

#331768

Color Values

HEX

#331768

RGB

51, 23, 104

HSL

260.7, 63.8%, 24.9%

HSV

260.7, 77.9%, 40.8%

CMYK

51.0%, 77.9%, 0.0%, 59.2%

OKLCH

0.3002 0.1312 292.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#331768

#4C6817

Analogous

#172468

#5B1768

#331768

Triadic

#331768

#683317

#176833

Split Complementary

#331768

#685B17

#246817

Tetradic

#331768

#681724

#4C6817

#17685B

Color Blindness Simulation

Original

#331768

Protanopia

#272754

Deuteranopia

#282B50

Tritanopia

#324542

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F6F3FB
100
#EAE3F7
200
#D4C5F2
300
#B69BE9
400
#8E64DD
500
#662ED1
600
#5225A7
700
#411E86
800
#331768
900
#28154C
950
#190D30

Contrast Checker

Text on white

14.35:1

AA Pass AAA Pass

Text on black

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