#778AD4 Color

Color Information

HEX	#778AD4
RGB	119, 138, 212
HSL	228° , 52% , 65%
HSV	228° , 44% , 83%
CMYK	44%, 35%, 0%, 17%

Lighter Shades

#8798D9 #98A6DE #A8B4E3 #B8C2E9 #C9D0EE #D9DEF3

Darker Shades

#6979BB #5A69A1 #4C5888 #3E486E #303755 #21273B

Complementary Palette

#6677B6 #778AD4 #B6A766 #D4C277 #DACB8A #8A9ADA

Analogous Palette

#83A2AF #89B1C2 #7082C7 #778AD4 #9A89C2 #A393C8

Triadic Palette

#6979BB #778AD4 #DD6E85 #E17F94 #85DD6E #75C261

Split Complementary Palette

#6B7CBF #778AD4 #D49377 #D89E85 #B8D477 #A6BF6B

Square Palette

#6474B2 #778AD4 #CB80B5 #CBBC80 #77D493 #8DDBA4

Tetradic Palette

#6271AE #778AD4 #CB67E4 #D4C277 #80E467 #97E982

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #778AD4 contains 119 red, 138 green, and 212 blue.

Contrast Ratio: 3.25:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.46:1