#314258 Color

Color Information

HEX#314258
RGB49, 66, 88
HSL214° , 28% , 27%
HSV214° , 44% , 35%
CMYK44%, 25%, 0%, 65%

Lighter Shades

#4A596C #626F80 #7B8694 #949DA8 #ADB3BC #C5CAD0

Darker Shades

#2B3A4D #253243 #1F2A38 #19222E #141A23 #0E1219

Complementary Palette

#2A394C #314258 #4C3D2B #584732 #6F614F #4E5C6F

Analogous Palette

#364849 #3B4E4F #2E3E53 #314258 #3C3B4F #494861

Triadic Palette

#2B3A4D #314258 #5F2B40 #724457 #405F2B #385426

Split Complementary Palette

#2C3B4F #314258 #583432 #694847 #565832 #4D4F2D

Square Palette

#29374A #314258 #513850 #514638 #325834 #537354

Tetradic Palette

#283648 #314258 #482565 #584732 #406525 #62814C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314258 contains 49 red, 66 green, and 88 blue.

Contrast Ratio: 10.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1