#440FF0

#440FF0

Color Values

HEX

#440FF0

RGB

68, 15, 240

HSL

254.1, 88.2%, 50.0%

HSV

254.1, 93.8%, 94.1%

CMYK

71.7%, 93.8%, 0.0%, 5.9%

OKLCH

0.4631 0.2816 276.1

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#440FF0

#BBF00F

Analogous

#0F4BF0

#B40FF0

#440FF0

Triadic

#440FF0

#F0440F

#0FF044

Split Complementary

#440FF0

#F0B40F

#4BF00F

Tetradic

#440FF0

#F00F4B

#BBF00F

#0FF0B4

Color Blindness Simulation

Original

#440FF0

Protanopia

#2D2DBA

Deuteranopia

#3034AC

Tritanopia

#418F85

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CBBCFB
300
#A58CF8
400
#754DF4
500
#440FF0
600
#360CC0
700
#2B0A9A
800
#220878
900
#1C0A57
950
#120637

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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