#314AED Color

Color Information

HEX	#314AED
RGB	49, 74, 237
HSL	232° , 84% , 56%
HSV	232° , 79% , 93%
CMYK	79%, 69%, 0%, 7%

Lighter Shades

#4A60EF #6275F1 #7B8BF3 #94A1F6 #ADB7F8 #C5CCFA

Darker Shades

#2B41D1 #2538B4 #1F2F98 #19267B #141E5F #0E1542

Complementary Palette

#2A40CC #314AED #CCB62A #EDD431 #F0DA4E #4E63F0

Analogous Palette

#4795C2 #47A2D7 #2E46DF #314AED #7C47D7 #8554D9

Triadic Palette

#2B41D1 #314AED #F82541 #F93F58 #41F825 #39DA21

Split Complementary Palette

#2C43D5 #314AED #ED7631 #EF8446 #A8ED31 #97D52C

Square Palette

#293EC7 #314AED #E23CA5 #E2CC3C #31ED76 #52F08C

Tetradic Palette

#283DC2 #314AED #E11FFF #EDD431 #3DFF1F #60FF47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314AED contains 49 red, 74 green, and 237 blue.

Contrast Ratio: 6.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1