#313976 Color

Color Information

HEX#313976
RGB49, 57, 118
HSL233° , 41% , 33%
HSV233° , 58% , 46%
CMYK58%, 52%, 0%, 54%

Lighter Shades

#4A5186 #626997 #7B80A7 #9498B8 #ADB0C8 #C5C8D9

Darker Shades

#2B3268 #252B5A #1F244C #191E3D #14172F #0E1021

Complementary Palette

#2A3165 #313976 #665F2B #776F32 #8A834F #4E5589

Analogous Palette

#3C505D #425866 #2E366F #313976 #504266 #5E526F

Triadic Palette

#2B3268 #313976 #7F2933 #8E434B #337F29 #2D7024

Split Complementary Palette

#2C336A #313976 #774C32 #855E47 #5C7732 #536B2D

Square Palette

#293063 #313976 #6E3A5A #6E683A #32774C #538D69

Tetradic Palette

#282F61 #313976 #7A2386 #776F32 #2E8623 #549C4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313976 contains 49 red, 57 green, and 118 blue.

Contrast Ratio: 11.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.91:1