#313B63 Color

Color Information

HEX	#313B63
RGB	49, 59, 99
HSL	228° , 34% , 29%
HSV	228° , 51% , 39%
CMYK	51%, 40%, 0%, 61%

Lighter Shades

#4A5376 #626A88 #7B829B #9499AE #ADB1C1 #C5C8D3

Darker Shades

#2B3457 #252D4B #1F263F #191F33 #141828 #0E111C

Complementary Palette

#2A3355 #313B63 #554D2A #635931 #79704E #4E5679

Analogous Palette

#3B494F #3F4E55 #2E375D #313B63 #463F55 #544C67

Triadic Palette

#2B3457 #313B63 #6A2936 #7C434E #366A29 #305D24

Split Complementary Palette

#2C3559 #313B63 #634031 #735346 #546331 #4C592C

Square Palette

#293253 #313B63 #5C3851 #5C5538 #316340 #527C5F

Tetradic Palette

#283051 #313B63 #612370 #635931 #337023 #588A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313B63 contains 49 red, 59 green, and 99 blue.

Contrast Ratio: 11.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1