#14678E Color

Color Information

HEX#14678E
RGB20, 103, 142
HSL199° , 75% , 32%
HSV199° , 86% , 56%
CMYK86%, 27%, 0%, 44%

Lighter Shades

#30799C #4C8BA9 #699EB7 #85B0C4 #A1C2D2 #BDD4DF

Darker Shades

#125B7D #0F4E6C #0D425B #0A364A #082939 #061D28

Complementary Palette

#11597A #14678E #7B3311 #8F3B14 #9F5635 #357C9E

Analogous Palette

#217363 #257E6E #136185 #14678E #25357E #3A4783

Triadic Palette

#125B7D #14678E #970C6B #A3297D #6B970C #5E850B

Split Complementary Palette

#125D80 #14678E #8F142B #9A2C40 #8F7814 #816C12

Square Palette

#115777 #14678E #731D87 #873E1D #2B8F14 #4DA13A

Tetradic Palette

#105474 #14678E #36069D #8F3B14 #6D9D06 #87AF33

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #14678E contains 20 red, 103 green, and 142 blue.

Contrast Ratio: 6.25:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.36:1