#78ACF2 Color

Color Information

HEX#78ACF2
RGB120, 172, 242
HSL214° , 82% , 71%
HSV214° , 50% , 95%
CMYK50%, 29%, 0%, 5%

Lighter Shades

#88B6F4 #98C0F5 #A9CAF7 #B9D4F8 #C9DEFA #D9E8FB

Darker Shades

#6A97D5 #5B83B8 #4D6E9B #3E597E #304561 #223044

Complementary Palette

#6794D0 #78ACF2 #D0A367 #F2BD78 #F4C68B #8BB8F4

Analogous Palette

#7EC8CD #87DDE3 #71A2E3 #78ACF2 #8D87E3 #958FE5

Triadic Palette

#6A97D5 #78ACF2 #F971AC #FA82B6 #ACF971 #97DB63

Split Complementary Palette

#6C9BDA #78ACF2 #F28078 #F38D86 #EAF278 #D3DA6C

Square Palette

#6590CB #78ACF2 #EA80E3 #EABC80 #78F280 #8EF494

Tetradic Palette

#628DC6 #78ACF2 #BF6BFF #F2BD78 #ABFF6B #BAFF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78ACF2 contains 120 red, 172 green, and 242 blue.

Contrast Ratio: 2.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.11:1