#14586B

#14586B

Color Values

HEX

#14586B

RGB

20, 88, 107

HSL

193.1, 68.5%, 24.9%

HSV

193.1, 81.3%, 42.0%

CMYK

81.3%, 17.8%, 0.0%, 58.0%

OKLCH

0.4288 0.0712 221.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#14586B

#6B2714

Analogous

#146B52

#142D6B

#14586B

Triadic

#14586B

#6B1458

#586B14

Split Complementary

#14586B

#6B142D

#6B5214

Tetradic

#14586B

#52146B

#6B2714

#2D6B14

Color Blindness Simulation

Original

#14586B

Protanopia

#313266

Deuteranopia

#2E2865

Tritanopia

#176362

Achromatopsia

#4B4B4B

CSS Usage

background-color: #14586B;
color: #14586B;
border-color: #14586B;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C3E9F4
300
#98D9EC
400
#60C5E1
500
#28B1D7
600
#208DAC
700
#1A7189
800
#14586B
900
#13414E
950
#0C2931

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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