#648DFC Color

Color Information

HEX#648DFC
RGB100, 141, 252
HSL224° , 96% , 69%
HSV224° , 60% , 99%
CMYK60%, 44%, 0%, 1%

Lighter Shades

#779BFC #89A8FD #9CB6FD #AEC4FD #C1D1FE #D4DFFE

Darker Shades

#587CDE #4C6BC0 #405AA1 #344983 #283865 #1C2747

Complementary Palette

#5679D9 #648DFC #D9B556 #FCD364 #FCD97A #7A9DFC

Analogous Palette

#71BED6 #74D0EC #5E85ED #648DFC #9074EC #977DED

Triadic Palette

#587CDE #648DFC #FF618B #FF7499 #8BFF61 #7AE055

Split Complementary Palette

#5A7FE3 #648DFC #FC8764 #FC9374 #D8FC64 #C2E35A

Square Palette

#5476D4 #648DFC #F46CD4 #F4D06C #64FC87 #7DFC9A

Tetradic Palette

#5274CF #648DFC #D561FF #FCD364 #8BFF61 #A0FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #648DFC contains 100 red, 141 green, and 252 blue.

Contrast Ratio: 3.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.83:1