#14398F

#14398F

Color Values

HEX

#14398F

RGB

20, 57, 143

HSL

222.0, 75.5%, 32.0%

HSV

222.0, 86.0%, 56.1%

CMYK

86.0%, 60.1%, 0.0%, 43.9%

OKLCH

0.3777 0.1487 263.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#14398F

#8F6A14

Analogous

#14778F

#2D148F

#14398F

Triadic

#14398F

#8F1439

#398F14

Split Complementary

#14398F

#8F2D14

#778F14

Tetradic

#14398F

#8F1477

#8F6A14

#148F2D

Color Blindness Simulation

Original

#14398F

Protanopia

#24247A

Deuteranopia

#221F75

Tritanopia

#166A66

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E9F9
200
#C0D1F6
300
#94AFF0
400
#5984E8
500
#1F59E0
600
#1947B3
700
#14398F
800
#102C70
900
#102351
950
#0A1633

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

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