#444880

#444880

Color Values

HEX

#444880

RGB

68, 72, 128

HSL

236.0, 30.6%, 38.4%

HSV

236.0, 46.9%, 50.2%

CMYK

46.9%, 43.8%, 0.0%, 49.8%

OKLCH

0.4257 0.0922 278.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#444880

#807C44

Analogous

#446680

#5E4480

#444880

Triadic

#444880

#804448

#488044

Split Complementary

#444880

#805E44

#668044

Tetradic

#444880

#804466

#807C44

#44805E

Color Blindness Simulation

Original

#444880

Protanopia

#464672

Deuteranopia

#46456F

Tritanopia

#446865

Achromatopsia

#4B4B4B

CSS Usage

background-color: #444880;
color: #444880;
border-color: #444880;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D0D2E6
300
#AFB2D5
400
#8488BE
500
#585EA7
600
#474B85
700
#393C6B
800
#2C2F53
900
#23253E
950
#161727

Contrast Checker

Text on white

8.45:1

AA Pass AAA Pass

Text on black

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