#44577F

#44577F

Color Values

HEX

#44577F

RGB

68, 87, 127

HSL

220.7, 30.3%, 38.2%

HSV

220.7, 46.5%, 49.8%

CMYK

46.5%, 31.5%, 0.0%, 50.2%

OKLCH

0.4589 0.0698 264.4

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#44577F

#7F6C44

Analogous

#44747F

#4E447F

#44577F

Triadic

#44577F

#7F4457

#577F44

Split Complementary

#44577F

#7F4E44

#747F44

Tetradic

#44577F

#7F4474

#7F6C44

#447F4E

Color Blindness Simulation

Original

#44577F

Protanopia

#4C4C75

Deuteranopia

#4B4A73

Tritanopia

#456E6C

Achromatopsia

#565656

CSS Usage

background-color: #44577F;
color: #44577F;
border-color: #44577F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D0D7E6
300
#AFBBD4
400
#8496BD
500
#5972A6
600
#475B85
700
#39496A
800
#2C3953
900
#232C3E
950
#161C27

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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