#2872F0 Color

Color Information

HEX#2872F0
RGB40, 114, 240
HSL218° , 87% , 55%
HSV218° , 83% , 94%
CMYK83%, 53%, 0%, 6%

Lighter Shades

#4283F2 #5C94F4 #75A5F5 #8FB6F7 #A9C7F9 #C3D8FB

Darker Shades

#2364D3 #1E57B6 #1A499A #153B7D #102E60 #0B2043

Complementary Palette

#2262CE #2872F0 #CE9022 #F0A728 #F2B346 #4686F2

Analogous Palette

#40B3C4 #3FC5D9 #266BE2 #2872F0 #543FD9 #5F4CDC

Triadic Palette

#2364D3 #2872F0 #FC1D6F #FC3880 #6FFC1D #62DE1A

Split Complementary Palette

#2467D8 #2872F0 #F04328 #F2563E #D5F028 #C0D824

Square Palette

#2260CA #2872F0 #E534CD #E5A434 #28F043 #4AF261

Tetradic Palette

#215DC5 #2872F0 #AB1AFF #F0A728 #6EFF1A #88FF43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2872F0 contains 40 red, 114 green, and 240 blue.

Contrast Ratio: 4.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.77:1