#331CFF

#331CFF

Color Values

HEX

#331CFF

RGB

51, 28, 255

HSL

246,1, 100,0%, 55,5%

HSV

246,1, 89,0%, 100,0%

CMYK

80,0%, 89,0%, 0,0%, 0,0%

OKLCH

0,4777 0,2962 270,4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#331CFF

#E8FF1C

Analogous

#1C76FF

#A51CFF

#331CFF

Triadic

#331CFF

#FF331C

#1CFF33

Split Complementary

#331CFF

#FFA51C

#76FF1C

Tetradic

#331CFF

#FF1C76

#E8FF1C

#1CFFA5

Color Blindness Simulation

Original

#331CFF

Protanopia

#2929C8

Deuteranopia

#2A2CBB

Tritanopia

#329D93

Achromatopsia

#313131

CSS Usage

background-color: #331CFF;
color: #331CFF;
border-color: #331CFF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BFB8FF
300
#9185FF
400
#5542FF
500
#1A00FF
600
#1500CC
700
#1100A3
800
#0D0080
900
#0E055C
950
#09033A

Contrast Checker

Text on white

7,63:1

AA Pass AAA Pass

Text on black

2,75: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