#313F68 Color

Color Information

HEX	#313F68
RGB	49, 63, 104
HSL	225° , 36% , 30%
HSV	225° , 53% , 41%
CMYK	53%, 39%, 0%, 59%

Lighter Shades

#4A567A #626D8C #7B849E #949BB0 #ADB2C3 #C5C9D5

Darker Shades

#2B375C #25304F #1F2843 #192136 #14192A #0E121D

Complementary Palette

#2A3659 #313F68 #594D2A #685A31 #7D714E #4E5A7D

Analogous Palette

#3C4D53 #405359 #2E3B62 #313F68 #464059 #534C67

Triadic Palette

#2B375C #313F68 #70293B #814353 #3B7029 #346324

Split Complementary Palette

#2C395E #313F68 #683F31 #775246 #5A6831 #515E2C

Square Palette

#293557 #313F68 #603956 #605639 #31683F #52805E

Tetradic Palette

#283455 #313F68 #612376 #685A31 #387623 #5C8F4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313F68 contains 49 red, 63 green, and 104 blue.

Contrast Ratio: 10.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.97:1