#044148

#044148

Color Values

HEX

#044148

RGB

4, 65, 72

HSL

186.2, 89.5%, 14.9%

HSV

186.2, 94.4%, 28.2%

CMYK

94.4%, 9.7%, 0.0%, 71.8%

OKLCH

0.3439 0.0571 207.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#044148

#480B04

Analogous

#04482D

#041F48

#044148

Triadic

#044148

#480441

#414804

Split Complementary

#044148

#48041F

#482D04

Tetradic

#044148

#2D0448

#480B04

#1F4804

Color Blindness Simulation

Original

#044148

Protanopia

#1E1F46

Deuteranopia

#1B1646

Tritanopia

#074545

Achromatopsia

#353535

CSS Usage

background-color: #044148;
color: #044148;
border-color: #044148;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF5FB
300
#8BEDF9
400
#4CE4F5
500
#0DDAF2
600
#0BAEC1
700
#098C9B
800
#076D79
900
#094F57
950
#063237

Contrast Checker

Text on white

11.32:1

AA Pass AAA Pass

Text on black

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