#778DA2 Color

Color Information

HEX	#778DA2
RGB	119, 141, 162
HSL	209° , 19% , 55%
HSV	209° , 27% , 64%
CMYK	27%, 13%, 0%, 36%

Lighter Shades

#879BAD #98A8B8 #A8B6C3 #B8C4CF #C9D1DA #D9DFE5

Darker Shades

#697C8F #5A6B7B #4C5A68 #3E4954 #303841 #21272D

Complementary Palette

#66798B #778DA2 #8B7865 #A28C76 #AF9C89 #8A9DAF

Analogous Palette

#6F9594 #7B9D9D #708598 #778DA2 #7B7C9D #8484A4

Triadic Palette

#697C8F #778DA2 #AE6B8D #B87D9B #8DAE6B #7C995E

Split Complementary Palette

#6B7F92 #778DA2 #A27677 #AB8485 #A2A176 #92916A

Square Palette

#647688 #778DA2 #9D7B9D #9D8C7B #77A276 #8DB18C

Tetradic Palette

#627485 #778DA2 #8C62B7 #A28C76 #8EB762 #A2C47E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #778DA2 contains 119 red, 141 green, and 162 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.21:1