#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026