#044853

#044853

Color Values

HEX

#044853

RGB

4, 72, 83

HSL

188.4, 90.8%, 17.1%

HSV

188.4, 95.2%, 32.5%

CMYK

95.2%, 13.3%, 0.0%, 67.5%

OKLCH

0.3694 0.0628 212.4

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#044853

#530F04

Analogous

#045337

#042153

#044853

Triadic

#044853

#530448

#485304

Split Complementary

#044853

#530421

#533704

Tetradic

#044853

#370453

#530F04

#215304

Color Blindness Simulation

Original

#044853

Protanopia

#212250

Deuteranopia

#1E1850

Tritanopia

#074E4E

Achromatopsia

#3A3A3A

CSS Usage

background-color: #044853;
color: #044853;
border-color: #044853;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BBF3FC
300
#8AEAF9
400
#4BDEF6
500
#0CD3F3
600
#09A9C3
700
#08879C
800
#06697A
900
#094D58
950
#063138

Contrast Checker

Text on white

10.21:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026