#331AE5

#331AE5

Color Values

HEX

#331AE5

RGB

51, 26, 229

HSL

247.4, 79.6%, 50.0%

HSV

247.4, 88.6%, 89.8%

CMYK

77.7%, 88.6%, 0.0%, 10.2%

OKLCH

0.4451 0.2705 272.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#331AE5

#CCE51A

Analogous

#1A66E5

#991AE5

#331AE5

Triadic

#331AE5

#E5331A

#1AE533

Split Complementary

#331AE5

#E5991A

#66E51A

Tetradic

#331AE5

#E51A66

#CCE51A

#1AE599

Color Blindness Simulation

Original

#331AE5

Protanopia

#2828B4

Deuteranopia

#2A2BA8

Tritanopia

#328D85

Achromatopsia

#2E2E2E

CSS Usage

background-color: #331AE5;
color: #331AE5;
border-color: #331AE5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E4E1F9
200
#C6BFF8
300
#9D91F3
400
#6856EC
500
#331AE5
600
#2915B7
700
#211193
800
#1A0D72
900
#160E53
950
#0E0935

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026