#044DC8

#044DC8

Color Values

HEX

#044DC8

RGB

4, 77, 200

HSL

217.7, 96.1%, 40.0%

HSV

217.7, 98.0%, 78.4%

CMYK

98.0%, 61.5%, 0.0%, 21.6%

OKLCH

0.4672 0.2016 261.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#044DC8

#C87F04

Analogous

#04AFC8

#1D04C8

#044DC8

Triadic

#044DC8

#C8044D

#4DC804

Split Complementary

#044DC8

#C81D04

#AFC804

Tetradic

#044DC8

#C804AF

#C87F04

#04C81D

Color Blindness Simulation

Original

#044DC8

Protanopia

#2424AA

Deuteranopia

#1F1AA3

Tritanopia

#08938E

Achromatopsia

#464646

CSS Usage

background-color: #044DC8;
color: #044DC8;
border-color: #044DC8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FE
300
#87B3FD
400
#4689FB
500
#0560FA
600
#044DC8
700
#033DA0
800
#02307D
900
#07265A
950
#041839

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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