#14356C

#14356C

Color Values

HEX

#14356C

RGB

20, 53, 108

HSL

217.5, 68.8%, 25.1%

HSV

217.5, 81.5%, 42.4%

CMYK

81.5%, 50.9%, 0.0%, 57.6%

OKLCH

0.3387 0.1035 260.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#14356C

#6C4B14

Analogous

#14616C

#1F146C

#14356C

Triadic

#14356C

#6C1435

#356C14

Split Complementary

#14356C

#6C1F14

#616C14

Tetradic

#14356C

#6C1461

#6C4B14

#146C1F

Color Blindness Simulation

Original

#14356C

Protanopia

#22235F

Deuteranopia

#201E5C

Tritanopia

#165452

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D5F4
300
#98B7EC
400
#6090E2
500
#286AD7
600
#2054AC
700
#19448A
800
#14356C
900
#12294E
950
#0C1A32

Contrast Checker

Text on white

11.96:1

AA Pass AAA Pass

Text on black

1.76:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026