#3531EA

#3531EA

Color Values

HEX

#3531EA

RGB

53, 49, 234

HSL

241.3, 81.5%, 55.5%

HSV

241.3, 79.1%, 91.8%

CMYK

77.4%, 79.1%, 0.0%, 8.2%

OKLCH

0.4728 0.2611 271.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3531EA

#E6EA31

Analogous

#318AEA

#9231EA

#3531EA

Triadic

#3531EA

#EA3531

#31EA35

Split Complementary

#3531EA

#EA9231

#8AEA31

Tetradic

#3531EA

#EA318A

#E6EA31

#31EA92

Color Blindness Simulation

Original

#3531EA

Protanopia

#3333BD

Deuteranopia

#3434B2

Tritanopia

#359A92

Achromatopsia

#3F3F3F

CSS Usage

background-color: #3531EA;
color: #3531EA;
border-color: #3531EA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF8
300
#9290F4
400
#5754EE
500
#1C18E7
600
#1613B9
700
#120F94
800
#0E0C74
900
#0E0D54
950
#090835

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026