#014572

#014572

Color Values

HEX

#014572

RGB

1, 69, 114

HSL

203.9, 98.3%, 22.5%

HSV

203.9, 99.1%, 44.7%

CMYK

99.1%, 39.5%, 0.0%, 55.3%

OKLCH

0.3787 0.0972 246.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#014572

#722E01

Analogous

#017266

#010C72

#014572

Triadic

#014572

#720145

#457201

Split Complementary

#014572

#72010C

#726601

Tetradic

#014572

#660172

#722E01

#0C7201

Color Blindness Simulation

Original

#014572

Protanopia

#1E1F67

Deuteranopia

#1A1564

Tritanopia

#045F5D

Achromatopsia

#3A3A3A

CSS Usage

background-color: #014572;
color: #014572;
border-color: #014572;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B8E2FE
300
#86CEFE
400
#44B4FD
500
#0299FD
600
#027ACA
700
#0162A2
800
#014C7E
900
#06395B
950
#04243A

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026