#314458 Color

Color Information

HEX#314458
RGB49, 68, 88
HSL211° , 28% , 27%
HSV211° , 44% , 35%
CMYK44%, 23%, 0%, 65%

Lighter Shades

#4A5A6C #627180 #7B8794 #949EA8 #ADB4BC #C5CBD0

Darker Shades

#2B3C4D #253443 #1F2C38 #19232E #141B23 #0E1319

Complementary Palette

#2A3A4C #314458 #4C3B2B #584532 #6F5F4F #4E5E6F

Analogous Palette

#364949 #3B4E4F #2E4053 #314458 #3B3B4F #484861

Triadic Palette

#2B3C4D #314458 #5F2B43 #72445A #435F2B #3B5426

Split Complementary Palette

#2C3D4F #314458 #583232 #694747 #575832 #4E4F2D

Square Palette

#29394A #314458 #513850 #514538 #325832 #537353

Tetradic Palette

#283848 #314458 #452565 #584532 #436525 #65814C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314458 contains 49 red, 68 green, and 88 blue.

Contrast Ratio: 10.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1