#5070F2 Color

Color Information

HEX#5070F2
RGB80, 112, 242
HSL228° , 86% , 63%
HSV228° , 67% , 95%
CMYK67%, 54%, 0%, 5%

Lighter Shades

#6581F4 #7A92F5 #8FA3F7 #A4B5F8 #B9C6FA #CED7FB

Darker Shades

#4663D5 #3D55B8 #33489B #2A3A7E #202D61 #161F44

Complementary Palette

#4560D0 #5070F2 #D0B445 #F2D150 #F4D769 #6984F4

Analogous Palette

#5EA9C9 #62BADF #4B69E3 #5070F2 #8862DF #916FE2

Triadic Palette

#4663D5 #5070F2 #FB466A #FB5C7C #6AFB46 #5DDD3E

Split Complementary Palette

#4865DA #5070F2 #F28050 #F38D62 #C1F250 #AEDA48

Square Palette

#435ECB #5070F2 #E859BD #E8CC59 #50F280 #6CF494

Tetradic Palette

#425CC6 #5070F2 #D942FF #F2D150 #68FF42 #83FF64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5070F2 contains 80 red, 112 green, and 242 blue.

Contrast Ratio: 4.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.96:1