#4446FE

#4446FE

Color Values

HEX

#4446FE

RGB

68, 70, 254

HSL

239.4, 98.9%, 63.1%

HSV

239.4, 73.2%, 99.6%

CMYK

73.2%, 72.4%, 0.0%, 0.4%

OKLCH

0.5278 0.262 272.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#4446FE

#FEFC44

Analogous

#44A3FE

#9F44FE

#4446FE

Triadic

#4446FE

#FE4446

#46FE44

Split Complementary

#4446FE

#FE9F44

#A3FE44

Tetradic

#4446FE

#FE44A3

#FEFC44

#44FE9F

Color Blindness Simulation

Original

#4446FE

Protanopia

#4545D2

Deuteranopia

#4545C7

Tritanopia

#44AEA7

Achromatopsia

#535353

CSS Usage

background-color: #4446FE;
color: #4446FE;
border-color: #4446FE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B9FF
300
#8586FE
400
#4345FE
500
#0104FE
600
#0103CB
700
#0103A2
800
#01027F
900
#05065C
950
#03043A

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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