#2D56D2 Color

Color Information

HEX#2D56D2
RGB45, 86, 210
HSL225° , 65% , 50%
HSV225° , 79% , 82%
CMYK79%, 59%, 0%, 18%

Lighter Shades

#466AD7 #5F7FDD #7993E2 #92A7E8 #ABBBED #C4D0F2

Darker Shades

#284CB9 #2241A0 #1D3786 #172D6D #122254 #0D183B

Complementary Palette

#274AB5 #2D56D2 #B59127 #D2A92D #D8B54A #4A6ED8

Analogous Palette

#4190AA #469CB9 #2A51C5 #2D56D2 #6346B9 #6F55BE

Triadic Palette

#284CB9 #2D56D2 #DF2050 #E33B65 #50DF20 #46C41C

Split Complementary Palette

#294DBD #2D56D2 #D2562D #D76742 #A9D22D #98BD29

Square Palette

#2648B0 #2D56D2 #C639A3 #C6A339 #2DD256 #4FD971

Tetradic Palette

#2547AC #2D56D2 #B416E9 #D2A92D #4BE916 #6BED40

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D56D2 contains 45 red, 86 green, and 210 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.34:1