#5670F0 Color

Color Information

HEX	#5670F0
RGB	86, 112, 240
HSL	230° , 84% , 64%
HSV	230° , 64% , 94%
CMYK	64%, 53%, 0%, 6%

Lighter Shades

#6A81F2 #7F92F4 #93A3F5 #A7B5F7 #BBC6F9 #D0D7FB

Darker Shades

#4C63D3 #4155B6 #37489A #2D3A7D #222D60 #181F43

Complementary Palette

#4A60CE #5670F0 #CEB94A #F0D756 #F2DD6E #6E84F2

Analogous Palette

#64A7C9 #68B7DE #5169E2 #5670F0 #9068DE #9976E0

Triadic Palette

#4C63D3 #5670F0 #F94D6A #FA627C #6AF94D #5DDB44

Split Complementary Palette

#4D65D8 #5670F0 #F08956 #F29567 #BDF056 #AAD84D

Square Palette

#485ECA #5670F0 #E75FBA #E7D05F #56F089 #71F29C

Tetradic Palette

#475CC5 #5670F0 #E047FF #F0D756 #66FF47 #82FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5670F0 contains 86 red, 112 green, and 240 blue.

Contrast Ratio: 4.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.99:1