#315472 Color

Color Information

HEX#315472
RGB49, 84, 114
HSL208° , 40% , 32%
HSV208° , 57% , 45%
CMYK57%, 26%, 0%, 55%

Lighter Shades

#4A6983 #627D94 #7B92A5 #94A6B6 #ADBBC7 #C5CFD8

Darker Shades

#2B4A64 #254057 #1F3649 #192C3B #14222E #0E1820

Complementary Palette

#2A4862 #315472 #62442A #724F31 #86684E #4E6C86

Analogous Palette

#3B5958 #416261 #2E4F6B #315472 #414262 #50516D

Triadic Palette

#2B4A64 #315472 #7A2954 #8A4369 #547A29 #4A6B24

Split Complementary Palette

#2C4C67 #315472 #723133 #804647 #727031 #67652C

Square Palette

#294760 #315472 #68396A #6A5039 #337231 #548952

Tetradic Palette

#28455D #315472 #4E2281 #724F31 #558122 #74984A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #315472 contains 49 red, 84 green, and 114 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1