#3511EE

#3511EE

Color Values

HEX

#3511EE

RGB

53, 17, 238

HSL

249.8, 86.7%, 50.0%

HSV

249.8, 92.9%, 93.3%

CMYK

77.7%, 92.9%, 0.0%, 6.7%

OKLCH

0.4521 0.2827 272.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3511EE

#CAEE11

Analogous

#115BEE

#A411EE

#3511EE

Triadic

#3511EE

#EE3511

#11EE35

Split Complementary

#3511EE

#EEA411

#5BEE11

Tetradic

#3511EE

#EE115B

#CAEE11

#11EEA4

Color Blindness Simulation

Original

#3511EE

Protanopia

#2525B9

Deuteranopia

#282AAC

Tritanopia

#338E85

Achromatopsia

#292929

CSS Usage

background-color: #3511EE;
color: #3511EE;
border-color: #3511EE;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E4E0FA
200
#C6BCFA
300
#9E8DF7
400
#6A4FF2
500
#3511EE
600
#2A0EBE
700
#220B98
800
#1B0877
900
#170B56
950
#0F0736

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026