#3431EB

#3431EB

Color Values

HEX

#3431EB

RGB

52, 49, 235

HSL

241.0, 82.3%, 55.7%

HSV

241.0, 79.1%, 92.2%

CMYK

77.9%, 79.1%, 0.0%, 7.8%

OKLCH

0.4734 0.2624 271.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3431EB

#E8EB31

Analogous

#318BEB

#9131EB

#3431EB

Triadic

#3431EB

#EB3431

#31EB34

Split Complementary

#3431EB

#EB9131

#8BEB31

Tetradic

#3431EB

#EB318B

#E8EB31

#31EB91

Color Blindness Simulation

Original

#3431EB

Protanopia

#3333BE

Deuteranopia

#3333B3

Tritanopia

#349A93

Achromatopsia

#3F3F3F

CSS Usage

background-color: #3431EB;
color: #3431EB;
border-color: #3431EB;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#918FF4
400
#5653EE
500
#1A17E8
600
#1512BA
700
#110E95
800
#0D0B74
900
#0E0D54
950
#090835

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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