#5674F9 Color

Color Information

HEX	#5674F9
RGB	86, 116, 249
HSL	229° , 93% , 66%
HSV	229° , 65% , 98%
CMYK	65%, 53%, 0%, 2%

Lighter Shades

#6A85FA #7F95FA #93A6FB #A7B7FC #BBC7FD #D0D8FD

Darker Shades

#4C66DB #4158BD #374A9F #2D3C81 #222E64 #182046

Complementary Palette

#4A64D6 #5674F9 #D6BC4C #F9DB58 #FAE06F #6E87FA

Analogous Palette

#66AFD1 #69C0E8 #516DEA #5674F9 #9169E8 #9B76EA

Triadic Palette

#4C66DB #5674F9 #FF5271 #FF6782 #71FF52 #63E048

Split Complementary Palette

#4D68E0 #5674F9 #F98B58 #FA9769 #C6F958 #B2E04F

Square Palette

#4861D1 #5674F9 #F060C3 #F0D660 #58F98B #73FA9E

Tetradic Palette

#475FCC #5674F9 #DF52FF #F9DB58 #71FF52 #8BFF71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5674F9 contains 86 red, 116 green, and 249 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.29:1