#3628FF

#3628FF

Color Values

HEX

#3628FF

RGB

54, 40, 255

HSL

243.9, 100.0%, 57.8%

HSV

243.9, 84.3%, 100.0%

CMYK

78.8%, 84.3%, 0.0%, 0.0%

OKLCH

0.4881 0.2894 270.8

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3628FF

#F1FF28

Analogous

#2885FF

#A128FF

#3628FF

Triadic

#3628FF

#FF3628

#28FF36

Split Complementary

#3628FF

#FFA128

#85FF28

Tetradic

#3628FF

#FF2885

#F1FF28

#28FFA1

Color Blindness Simulation

Original

#3628FF

Protanopia

#3030CB

Deuteranopia

#3132BE

Tritanopia

#35A299

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BCB8FF
300
#8D85FF
400
#4F42FF
500
#1100FF
600
#0D00CC
700
#0B00A3
800
#080080
900
#0B055C
950
#07033A

Contrast Checker

Text on white

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