#044C86

#044C86

Color Values

HEX

#044C86

RGB

4, 76, 134

HSL

206.8, 94.2%, 27.1%

HSV

206.8, 97.0%, 52.5%

CMYK

97.0%, 43.3%, 0.0%, 47.5%

OKLCH

0.4108 0.1153 250.5

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#044C86

#863E04

Analogous

#04867F

#040B86

#044C86

Triadic

#044C86

#86044C

#4C8604

Split Complementary

#044C86

#86040B

#867F04

Tetradic

#044C86

#7F0486

#863E04

#0B8604

Color Blindness Simulation

Original

#044C86

Protanopia

#232478

Deuteranopia

#1F1A75

Tritanopia

#086D6A

Achromatopsia

#414141

CSS Usage

background-color: #044C86;
color: #044C86;
border-color: #044C86;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFD
300
#88C8FB
400
#48AAFA
500
#078CF8
600
#0670C6
700
#055A9E
800
#04467C
900
#07355A
950
#052139

Contrast Checker

Text on white

8.81:1

AA Pass AAA Pass

Text on black

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