#444AC1

#444AC1

Color Values

HEX

#444AC1

RGB

68, 74, 193

HSL

237.1, 50.2%, 51.2%

HSV

237.1, 64.8%, 75.7%

CMYK

64.8%, 61.7%, 0.0%, 24.3%

OKLCH

0.4779 0.1827 274.9

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#444AC1

#C1BB44

Analogous

#4489C1

#7D44C1

#444AC1

Triadic

#444AC1

#C1444A

#4AC144

Split Complementary

#444AC1

#C17D44

#89C144

Tetradic

#444AC1

#C14489

#C1BB44

#44C17D

Color Blindness Simulation

Original

#444AC1

Protanopia

#4747A4

Deuteranopia

#46469D

Tritanopia

#448D88

Achromatopsia

#515151

CSS Usage

background-color: #444AC1;
color: #444AC1;
border-color: #444AC1;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CBED
300
#A3A6E1
400
#7176D0
500
#3F46C0
600
#333899
700
#292D7B
800
#202360
900
#1B1D46
950
#11122C

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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