#5E2DF4

#5E2DF4

Color Values

HEX

#5E2DF4

RGB

94, 45, 244

HSL

254,8, 90,0%, 56,7%

HSV

254,8, 81,6%, 95,7%

CMYK

61,5%, 81,6%, 0,0%, 4,3%

OKLCH

0,5073 0,2661 282,7

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5E2DF4

#C3F42D

Analogous

#2D60F4

#C22DF4

#5E2DF4

Triadic

#5E2DF4

#F45E2D

#2DF45E

Split Complementary

#5E2DF4

#F4C22D

#60F42D

Tetradic

#5E2DF4

#F42D60

#C3F42D

#2DF4C2

Color Blindness Simulation

Original

#5E2DF4

Protanopia

#4948C4

Deuteranopia

#4C4FB8

Tritanopia

#5C9E95

Achromatopsia

#464646

CSS Usage

background-color: #5E2DF4;
color: #5E2DF4;
border-color: #5E2DF4;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FD
100
#E6DFFB
200
#CBBBFB
300
#A68BF9
400
#764CF6
500
#450DF2
600
#370AC2
700
#2C089B
800
#230679
900
#1D0958
950
#120637

Contrast Checker

Text on white

6,65:1

AA Pass AAA Fail

Text on black

3,16:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026