#313FDC Color

Color Information

HEX	#313FDC
RGB	49, 63, 220
HSL	235° , 71% , 53%
HSV	235° , 78% , 86%
CMYK	78%, 71%, 0%, 14%

Lighter Shades

#4A56E0 #626DE4 #7B84E9 #949BED #ADB2F1 #C5C9F5

Darker Shades

#2B37C2 #2530A7 #1F288D #192172 #141958 #0E123E

Complementary Palette

#2A36BD #313FDC #BDB12B #DCCE32 #E1D54F #4E5AE1

Analogous Palette

#4786B3 #4A91C4 #2E3BCF #313FDC #7D4AC4 #8859C9

Triadic Palette

#2B37C2 #313FDC #E82636 #EB404E #36E826 #30CC21

Split Complementary Palette

#2C39C6 #313FDC #DC7932 #E08647 #95DC32 #86C62D

Square Palette

#2935B9 #313FDC #D03E93 #D0C43E #32DC79 #53E28E

Tetradic Palette

#2834B4 #313FDC #E01CF2 #DCCE32 #2EF21C #54F445

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #313FDC contains 49 red, 63 green, and 220 blue.

Contrast Ratio: 7.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1