#444887

#444887

Color Values

HEX

#444887

RGB

68, 72, 135

HSL

236.4, 33.0%, 39.8%

HSV

236.4, 49.6%, 52.9%

CMYK

49.6%, 46.7%, 0.0%, 47.1%

OKLCH

0.4302 0.103 278.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#444887

#878344

Analogous

#446A87

#614487

#444887

Triadic

#444887

#874448

#488744

Split Complementary

#444887

#876144

#6A8744

Tetradic

#444887

#87446A

#878344

#448761

Color Blindness Simulation

Original

#444887

Protanopia

#464678

Deuteranopia

#464574

Tritanopia

#446C69

Achromatopsia

#4C4C4C

CSS Usage

background-color: #444887;
color: #444887;
border-color: #444887;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D1E7
300
#AEB0D6
400
#8285C0
500
#555AAA
600
#444888
700
#373A6D
800
#2B2D55
900
#22243F
950
#161728

Contrast Checker

Text on white

8.32:1

AA Pass AAA Pass

Text on black

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