#144673

#144673

Color Values

HEX

#144673

RGB

20, 70, 115

HSL

208.4, 70.4%, 26.5%

HSV

208.4, 82.6%, 45.1%

CMYK

82.6%, 39.1%, 0.0%, 54.9%

OKLCH

0.386 0.0927 249.8

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#144673

#734114

Analogous

#147371

#141773

#144673

Triadic

#144673

#731446

#467314

Split Complementary

#144673

#731417

#737114

Tetradic

#144673

#711473

#734114

#177314

Color Blindness Simulation

Original

#144673

Protanopia

#2A2A68

Deuteranopia

#272366

Tritanopia

#16605E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF4
300
#97C4ED
400
#5EA4E3
500
#2684D9
600
#1E6AAE
700
#18558B
800
#13426D
900
#12324F
950
#0B2032

Contrast Checker

Text on white

9.75:1

AA Pass AAA Pass

Text on black

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