#144169

#144169

Color Values

HEX

#144169

RGB

20, 65, 105

HSL

208.2, 68.0%, 24.5%

HSV

208.2, 81.0%, 41.2%

CMYK

81.0%, 38.1%, 0.0%, 58.8%

OKLCH

0.3666 0.0843 249.2

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#144169

#693C14

Analogous

#146966

#141769

#144169

Triadic

#144169

#691441

#416914

Split Complementary

#144169

#691417

#696614

Tetradic

#144169

#661469

#693C14

#176914

Color Blindness Simulation

Original

#144169

Protanopia

#27285F

Deuteranopia

#25225D

Tritanopia

#165856

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF4
300
#98C4EB
400
#60A4E1
500
#2985D6
600
#216AAB
700
#1A5589
800
#14426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

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