#649EFC Color

Color Information

HEX	#649EFC
RGB	100, 158, 252
HSL	217° , 96% , 69%
HSV	217° , 60% , 99%
CMYK	60%, 37%, 0%, 1%

Lighter Shades

#77AAFC #89B5FD #9CC1FD #AECDFD #C1D8FE #D4E4FE

Darker Shades

#588BDE #4C78C0 #4065A1 #345283 #283F65 #1C2C47

Complementary Palette

#5688D9 #649EFC #D9A756 #FCC264 #FCCB7A #7AACFC

Analogous Palette

#71CAD6 #74DEEC #5E95ED #649EFC #8274EC #8A7DED

Triadic Palette

#588BDE #649EFC #FF619E #FF74AA #9EFF61 #8BE055

Split Complementary Palette

#5A8EE3 #649EFC #FC7664 #FC8474 #EAFC64 #D3E35A

Square Palette

#5485D4 #649EFC #F46CE4 #F4C06C #64FC76 #7DFC8C

Tetradic Palette

#5282CF #649EFC #C261FF #FCC264 #9EFF61 #AFFF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #649EFC contains 100 red, 158 green, and 252 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.94:1