#314FC6 Color

Color Information

HEX	#314FC6
RGB	49, 79, 198
HSL	228° , 60% , 48%
HSV	228° , 75% , 78%
CMYK	75%, 60%, 0%, 22%

Lighter Shades

#4A64CD #6279D4 #7B8EDB #94A3E1 #ADB9E8 #C5CEEF

Darker Shades

#2B46AE #253C96 #1F337F #192967 #14204F #0E1637

Complementary Palette

#2A44AA #314FC6 #A98F2A #C4A631 #CCB24E #4E68CE

Analogous Palette

#43829D #498EAB #2E4ABA #314FC6 #6749AB #7359B1

Triadic Palette

#2B46AE #314FC6 #D02547 #D63F5D #47D025 #3EB721

Split Complementary Palette

#2C47B2 #314FC6 #C45D31 #CA6D46 #98C431 #89B02C

Square Palette

#2942A6 #314FC6 #B83D93 #B89F3D #31C45D #52CD77

Tetradic Palette

#2841A2 #314FC6 #B41BDA #C4A631 #41DA1B #63E144

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314FC6 contains 49 red, 79 green, and 198 blue.

Contrast Ratio: 6.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.03:1