#649AF0 Color

Color Information

HEX#649AF0
RGB100, 154, 240
HSL217° , 82% , 67%
HSV217° , 58% , 94%
CMYK58%, 36%, 0%, 6%

Lighter Shades

#77A6F2 #89B2F4 #9CBEF5 #AECAF7 #C1D7F9 #D4E3FB

Darker Shades

#5888D3 #4C75B6 #40639A #34507D #283E60 #1C2B43

Complementary Palette

#5684CE #649AF0 #CEA158 #F0BB66 #F2C57B #7AA8F2

Analogous Palette

#72C0CA #77D3DF #5E91E2 #649AF0 #8377DF #8E83E2

Triadic Palette

#5888D3 #649AF0 #F85D99 #F970A5 #99F85D #87DA52

Split Complementary Palette

#5A8BD8 #649AF0 #F07666 #F28475 #E0F066 #CAD85C

Square Palette

#5481CA #649AF0 #E76ED9 #E7B96E #66F076 #7EF28C

Tetradic Palette

#527EC5 #649AF0 #BE57FF #F0BB66 #97FF57 #AAFF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #649AF0 contains 100 red, 154 green, and 240 blue.

Contrast Ratio: 2.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.52:1