#400FF0

#400FF0

Color Values

HEX

#400FF0

RGB

64, 15, 240

HSL

253.1, 88.2%, 50.0%

HSV

253.1, 93.8%, 94.1%

CMYK

73.3%, 93.8%, 0.0%, 5.9%

OKLCH

0.4604 0.2825 274.9

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#400FF0

#BFF00F

Analogous

#0F4EF0

#B10FF0

#400FF0

Triadic

#400FF0

#F0400F

#0FF040

Split Complementary

#400FF0

#F0B10F

#4EF00F

Tetradic

#400FF0

#F00F4E

#BFF00F

#0FF0B1

Color Blindness Simulation

Original

#400FF0

Protanopia

#2B2ABA

Deuteranopia

#2E31AC

Tritanopia

#3E8F85

Achromatopsia

#2A2A2A

CSS Usage

background-color: #400FF0;
color: #400FF0;
border-color: #400FF0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CABCFB
300
#A38CF8
400
#724DF4
500
#400FF0
600
#330CC0
700
#290A9A
800
#200878
900
#1B0A57
950
#110637

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026