#4446FF

#4446FF

Color Values

HEX

#4446FF

RGB

68, 70, 255

HSL

239.4, 100.0%, 63.3%

HSV

239.4, 73.3%, 100.0%

CMYK

73.3%, 72.5%, 0.0%, 0.0%

OKLCH

0.5288 0.2631 272.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4446FF

#FFFD44

Analogous

#44A3FF

#A044FF

#4446FF

Triadic

#4446FF

#FF4446

#46FF44

Split Complementary

#4446FF

#FFA044

#A3FF44

Tetradic

#4446FF

#FF44A3

#FFFD44

#44FFA0

Color Blindness Simulation

Original

#4446FF

Protanopia

#4545D2

Deuteranopia

#4545C8

Tritanopia

#44AFA7

Achromatopsia

#535353

CSS Usage

background-color: #4446FF;
color: #4446FF;
border-color: #4446FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B8FF
300
#8586FF
400
#4244FF
500
#0003FF
600
#0002CC
700
#0002A3
800
#000180
900
#05065C
950
#03043A

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.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