#144E95

#144E95

Color Values

HEX

#144E95

RGB

20, 78, 149

HSL

213.0, 76.3%, 33.1%

HSV

213.0, 86.6%, 58.4%

CMYK

86.6%, 47.7%, 0.0%, 41.6%

OKLCH

0.4294 0.1304 256.2

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#144E95

#955B14

Analogous

#148E95

#1A1495

#144E95

Triadic

#144E95

#95144E

#4E9514

Split Complementary

#144E95

#951A14

#8E9514

Tetradic

#144E95

#95148E

#955B14

#14951A

Color Blindness Simulation

Original

#144E95

Protanopia

#2D2E84

Deuteranopia

#2A2580

Tritanopia

#177673

Achromatopsia

#474747

CSS Usage

background-color: #144E95;
color: #144E95;
border-color: #144E95;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BDF0
400
#5999E9
500
#1E76E1
600
#185EB4
700
#134B90
800
#0F3B70
900
#0F2D52
950
#0A1C34

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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