#314558 Color

Color Information

HEX#314558
RGB49, 69, 88
HSL209° , 28% , 27%
HSV209° , 44% , 35%
CMYK44%, 22%, 0%, 65%

Lighter Shades

#4A5B6C #627280 #7B8894 #949EA8 #ADB5BC #C5CBD0

Darker Shades

#2B3D4D #253443 #1F2C38 #19242E #141C23 #0E1319

Complementary Palette

#2A3B4C #314558 #4C3A2B #584432 #6F5E4F #4E5F6F

Analogous Palette

#364949 #3B4F4E #2E4153 #314558 #3B3B4F #484861

Triadic Palette

#2B3D4D #314558 #5F2B45 #72445B #455F2B #3D5426

Split Complementary Palette

#2C3E4F #314558 #583232 #694747 #585732 #4F4E2D

Square Palette

#293A4A #314558 #503851 #514438 #325832 #537353

Tetradic Palette

#283948 #314558 #432565 #584432 #456525 #66814C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314558 contains 49 red, 69 green, and 88 blue.

Contrast Ratio: 10.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1