#14438F

#14438F

Color Values

HEX

#14438F

RGB

20, 67, 143

HSL

217.1, 75.5%, 32.0%

HSV

217.1, 86.0%, 56.1%

CMYK

86.0%, 53.1%, 0.0%, 43.9%

OKLCH

0.3995 0.1359 259.9

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#14438F

#8F6014

Analogous

#14818F

#23148F

#14438F

Triadic

#14438F

#8F1443

#438F14

Split Complementary

#14438F

#8F2314

#818F14

Tetradic

#14438F

#8F1481

#8F6014

#148F23

Color Blindness Simulation

Original

#14438F

Protanopia

#28297D

Deuteranopia

#262278

Tritanopia

#166E6B

Achromatopsia

#3E3E3E

CSS Usage

background-color: #14438F;
color: #14438F;
border-color: #14438F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D5F6
300
#94B7F0
400
#5990E8
500
#1F69E0
600
#1954B3
700
#14438F
800
#103470
900
#102951
950
#0A1A33

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026