#789FF2 Color

Color Information

HEX#789FF2
RGB120, 159, 242
HSL221° , 82% , 71%
HSV221° , 50% , 95%
CMYK50%, 34%, 0%, 5%

Lighter Shades

#88ABF4 #98B6F5 #A9C2F7 #B9CDF8 #C9D9FA #D9E4FB

Darker Shades

#6A8CD5 #5B79B8 #4D669B #3E537E #304061 #222D44

Complementary Palette

#6789D0 #789FF2 #D0AF67 #F2CB78 #F4D28B #8BACF4

Analogous Palette

#7EBDCD #87D2E3 #7195E3 #789FF2 #9887E3 #9F8FE5

Triadic Palette

#6A8CD5 #789FF2 #F9719C #FA82A8 #9CF971 #89DB63

Split Complementary Palette

#6C8FDA #789FF2 #F28F78 #F39A86 #DBF278 #C5DA6C

Square Palette

#6586CB #789FF2 #EA80D7 #EAC980 #78F28F #8EF4A1

Tetradic Palette

#6282C6 #789FF2 #D06BFF #F2CB78 #9AFF6B #ACFF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #789FF2 contains 120 red, 159 green, and 242 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.16:1