#2857C4 Color

Color Information

HEX	#2857C4
RGB	40, 87, 196
HSL	222° , 66% , 46%
HSV	222° , 80% , 77%
CMYK	80%, 56%, 0%, 23%

Lighter Shades

#426BCB #5C7FD2 #7593D9 #8FA8E0 #A9BCE7 #C3D0EE

Darker Shades

#234DAC #1E4295 #1A387D #152D66 #10234E #0B1837

Complementary Palette

#224BA9 #2857C4 #A87F22 #C39428 #CBA346 #466FCC

Analogous Palette

#3A899C #3F96AB #2652B8 #2857C4 #553FAB #6350AF

Triadic Palette

#234DAC #2857C4 #CE1C52 #D43767 #52CE1C #48B519

Split Complementary Palette

#244EB0 #2857C4 #C34728 #C9593E #A4C328 #94B024

Square Palette

#2249A5 #2857C4 #B7349D #B79034 #28C347 #4ACD64

Tetradic Palette

#2147A1 #2857C4 #9D13D8 #C39428 #4ED813 #6EDF3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2857C4 contains 40 red, 87 green, and 196 blue.

Contrast Ratio: 6.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1