#778CD7 Color

Color Information

HEX#778CD7
RGB119, 140, 215
HSL227° , 55% , 65%
HSV227° , 45% , 84%
CMYK45%, 35%, 0%, 16%

Lighter Shades

#879ADC #98A8E1 #A8B5E5 #B8C3EA #C9D1EF #D9DFF4

Darker Shades

#697BBD #5A6AA3 #4C5A8A #3E4970 #303856 #21273C

Complementary Palette

#6678B9 #778CD7 #B9A765 #D7C275 #DDCB88 #8A9CDD

Analogous Palette

#81A4B1 #87B3C5 #7084CA #778CD7 #9887C5 #A191CA

Triadic Palette

#697BBD #778CD7 #E06C85 #E47E94 #85E06C #75C55F

Split Complementary Palette

#6B7EC2 #778CD7 #D79075 #DB9B83 #BBD775 #A8C269

Square Palette

#6476B5 #778CD7 #CE7EB7 #CEBD7E #75D790 #8BDDA2

Tetradic Palette

#6273B0 #778CD7 #CB65E7 #D7C275 #81E765 #98EB81

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #778CD7 contains 119 red, 140 green, and 215 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.61:1