#405CED

#405CED

Color Values

HEX

#405CED

RGB

64, 92, 237

HSL

230.3, 82.8%, 59.0%

HSV

230.3, 73.0%, 92.9%

CMYK

73.0%, 61.2%, 0.0%, 7.1%

OKLCH

0.5447 0.2194 269.2

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#405CED

#EDD140

Analogous

#40B2ED

#7A40ED

#405CED

Triadic

#405CED

#ED405C

#5CED40

Split Complementary

#405CED

#ED7A40

#B2ED40

Tetradic

#405CED

#ED40B2

#EDD140

#40ED7A

Color Blindness Simulation

Original

#405CED

Protanopia

#4C4CCA

Deuteranopia

#4A48C1

Tritanopia

#41AEA8

Achromatopsia

#616161

CSS Usage

background-color: #405CED;
color: #405CED;
border-color: #405CED;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#8FA0F4
400
#536CEF
500
#1638E9
600
#122DBA
700
#0E2495
800
#0B1C75
900
#0C1855
950
#080F35

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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