#4045ED

#4045ED

Color Values

HEX

#4045ED

RGB

64, 69, 237

HSL

238.3, 82.8%, 59.0%

HSV

238.3, 73.0%, 92.9%

CMYK

73.0%, 70.9%, 0.0%, 7.1%

OKLCH

0.5076 0.2441 272.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4045ED

#EDE840

Analogous

#409BED

#9240ED

#4045ED

Triadic

#4045ED

#ED4045

#45ED40

Split Complementary

#4045ED

#ED9240

#9BED40

Tetradic

#4045ED

#ED409B

#EDE840

#40ED92

Color Blindness Simulation

Original

#4045ED

Protanopia

#4242C4

Deuteranopia

#4242BB

Tritanopia

#40A49D

Achromatopsia

#505050

CSS Usage

background-color: #4045ED;
color: #4045ED;
border-color: #4045ED;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BEBFF9
300
#8F92F4
400
#5357EF
500
#161CE9
600
#1216BA
700
#0E1295
800
#0B0E75
900
#0C0E55
950
#080935

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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