#14366C

#14366C

Color Values

HEX

#14366C

RGB

20, 54, 108

HSL

216.8, 68.8%, 25.1%

HSV

216.8, 81.5%, 42.4%

CMYK

81.5%, 50.0%, 0.0%, 57.6%

OKLCH

0.3411 0.1021 259.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#14366C

#6C4A14

Analogous

#14626C

#1E146C

#14366C

Triadic

#14366C

#6C1436

#366C14

Split Complementary

#14366C

#6C1E14

#626C14

Tetradic

#14366C

#6C1462

#6C4A14

#146C1E

Color Blindness Simulation

Original

#14366C

Protanopia

#23235F

Deuteranopia

#211E5C

Tritanopia

#165552

Achromatopsia

#333333

CSS Usage

background-color: #14366C;
color: #14366C;
border-color: #14366C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D6F4
300
#98B8EC
400
#6092E2
500
#286CD7
600
#2056AC
700
#19458A
800
#14366C
900
#122A4E
950
#0C1A32

Contrast Checker

Text on white

11.84:1

AA Pass AAA Pass

Text on black

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