#78A4F5 Color

Color Information

HEX#78A4F5
RGB120, 164, 245
HSL219° , 86% , 72%
HSV219° , 51% , 96%
CMYK51%, 33%, 0%, 4%

Lighter Shades

#88AFF6 #98BAF7 #A9C5F9 #B9D0FA #C9DBFB #D9E6FC

Darker Shades

#6A90D8 #5B7DBA #4D699D #3E557F #304262 #222E45

Complementary Palette

#678DD3 #78A4F5 #D3AE69 #F5CA7A #F6D18D #8BB1F6

Analogous Palette

#81C5CF #88D9E7 #719AE6 #78A4F5 #9788E7 #9E91E8

Triadic Palette

#6A90D8 #78A4F5 #FC73A3 #FC84AE #A3FC73 #8FDE65

Split Complementary Palette

#6C94DD #78A4F5 #F58D7A #F69887 #E3F57A #CCDD6E

Square Palette

#658ACE #78A4F5 #EE81DE #EEC881 #7AF58D #8FF79F

Tetradic Palette

#6286C9 #78A4F5 #CD70FF #F5CA7A #A2FF70 #B3FF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78A4F5 contains 120 red, 164 green, and 245 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.55:1