#405BED

#405BED

Color Values

HEX

#405BED

RGB

64, 91, 237

HSL

230.6, 82.8%, 59.0%

HSV

230.6, 73.0%, 92.9%

CMYK

73.0%, 61.6%, 0.0%, 7.1%

OKLCH

0.5429 0.2205 269.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#405BED

#EDD240

Analogous

#40B2ED

#7B40ED

#405BED

Triadic

#405BED

#ED405B

#5BED40

Split Complementary

#405BED

#ED7B40

#B2ED40

Tetradic

#405BED

#ED40B2

#EDD240

#40ED7B

Color Blindness Simulation

Original

#405BED

Protanopia

#4C4CCA

Deuteranopia

#4A48C1

Tritanopia

#41AEA8

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#8F9FF4
400
#536BEF
500
#1637E9
600
#122CBA
700
#0E2395
800
#0B1C75
900
#0C1855
950
#080F35

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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