#2D56F6 Color

Color Information

HEX	#2D56F6
RGB	45, 86, 246
HSL	228° , 92% , 57%
HSV	228° , 82% , 96%
CMYK	82%, 65%, 0%, 4%

Lighter Shades

#466AF7 #5F7FF8 #7993F9 #92A7FA #ABBBFB #C4D0FC

Darker Shades

#284CD8 #2241BB #1D379D #172D80 #122262 #0D1845

Complementary Palette

#274AD4 #2D56F6 #D4B126 #F6CE2C #F7D54A #4A6EF7

Analogous Palette

#40A0C9 #42B1E0 #2A51E7 #2D56F6 #7242E0 #7C50E2

Triadic Palette

#284CD8 #2D56F6 #FF2450 #FF3E65 #50FF24 #46E020

Split Complementary Palette

#294DDD #2D56F6 #F6692C #F77841 #BAF62C #A7DD28

Square Palette

#2648CF #2D56F6 #EB37B5 #EBC737 #2CF669 #4EF781

Tetradic Palette

#2547CA #2D56F6 #D324FF #F6CE2C #50FF24 #70FF4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D56F6 contains 45 red, 86 green, and 246 blue.

Contrast Ratio: 5.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1