#3528FF

#3528FF

Color Values

HEX

#3528FF

RGB

53, 40, 255

HSL

243.6, 100.0%, 57.8%

HSV

243.6, 84.3%, 100.0%

CMYK

79.2%, 84.3%, 0.0%, 0.0%

OKLCH

0.4876 0.2896 270.6

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3528FF

#F2FF28

Analogous

#2886FF

#A028FF

#3528FF

Triadic

#3528FF

#FF3528

#28FF35

Split Complementary

#3528FF

#FFA028

#86FF28

Tetradic

#3528FF

#FF2886

#F2FF28

#28FFA0

Color Blindness Simulation

Original

#3528FF

Protanopia

#2F2FCB

Deuteranopia

#3031BE

Tritanopia

#34A299

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3528FF;
color: #3528FF;
border-color: #3528FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BCB8FF
300
#8C85FF
400
#4E42FF
500
#0F00FF
600
#0C00CC
700
#0A00A3
800
#080080
900
#0A055C
950
#06033A

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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