#78A2CE Color

Color Information

HEX	#78A2CE
RGB	120, 162, 206
HSL	211° , 47% , 64%
HSV	211° , 42% , 81%
CMYK	42%, 21%, 0%, 19%

Lighter Shades

#88ADD4 #98B8DA #A9C3E0 #B9CFE6 #C9DAEB #D9E5F1

Darker Shades

#6A8FB5 #5B7B9D #4D6884 #3E546B #304152 #222D3A

Complementary Palette

#678BB1 #78A2CE #B18E67 #CEA578 #D5B28B #8BAFD5

Analogous Palette

#84A9A9 #8ABBBC #7198C2 #78A2CE #8B8ABC #9594C2

Triadic Palette

#6A8FB5 #78A2CE #D86FA1 #DD80AC #A1D86F #8EBE62

Split Complementary Palette

#6C92B9 #78A2CE #CE7978 #D38686 #CDCE78 #B9B96C

Square Palette

#6588AD #78A2CE #C581C4 #C5A481 #78CE79 #8ED68E

Tetradic Palette

#6285A9 #78A2CE #A568DF #CEA578 #A1DF68 #B2E583

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78A2CE contains 120 red, 162 green, and 206 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.99:1