#313D73 Color

Color Information

HEX#313D73
RGB49, 61, 115
HSL229° , 40% , 32%
HSV229° , 57% , 45%
CMYK57%, 47%, 0%, 55%

Lighter Shades

#4A5484 #626C95 #7B83A5 #949AB6 #ADB1C7 #C5C9D8

Darker Shades

#2B3665 #252E57 #1F274A #19203C #14182E #0E1120

Complementary Palette

#2A3463 #313D73 #62582A #726631 #867B4E #4E5887

Analogous Palette

#3B4F59 #415862 #2E396C #313D73 #4C4162 #5A506D

Triadic Palette

#2B3665 #313D73 #7A2938 #8A4350 #387A29 #316B24

Split Complementary Palette

#2C3768 #313D73 #724631 #805946 #5E7231 #55672C

Square Palette

#293361 #313D73 #6A395B #6A6139 #317246 #528964

Tetradic Palette

#28325E #313D73 #702281 #726631 #348122 #59984A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313D73 contains 49 red, 61 green, and 115 blue.

Contrast Ratio: 10.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1