#14486B

#14486B

Color Values

HEX

#14486B

RGB

20, 72, 107

HSL

204.1, 68.5%, 24.9%

HSV

204.1, 81.3%, 42.0%

CMYK

81.3%, 32.7%, 0.0%, 58.0%

OKLCH

0.3861 0.08 242.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#14486B

#6B3714

Analogous

#146B62

#141D6B

#14486B

Triadic

#14486B

#6B1448

#486B14

Split Complementary

#14486B

#6B141D

#6B6214

Tetradic

#14486B

#62146B

#6B3714

#1D6B14

Color Blindness Simulation

Original

#14486B

Protanopia

#2B2B63

Deuteranopia

#282460

Tritanopia

#175C5A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #14486B;
color: #14486B;
border-color: #14486B;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E0F4
300
#98CAEC
400
#60ADE1
500
#2891D7
600
#2074AC
700
#1A5D89
800
#14486B
900
#13364E
950
#0C2231

Contrast Checker

Text on white

9.68:1

AA Pass AAA Pass

Text on black

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