#1F56E2 Color

Color Information

HEX	#1F56E2
RGB	31, 86, 226
HSL	223° , 77% , 50%
HSV	223° , 86% , 89%
CMYK	86%, 62%, 0%, 11%

Lighter Shades

#3A6AE5 #557FE9 #7093EC #8BA7F0 #A5BBF3 #C0D0F7

Darker Shades

#1B4CC7 #1841AC #143791 #102D76 #0C225A #09183F

Complementary Palette

#1B4AC2 #1F56E2 #C29219 #E2AA1D #E6B63D #3E6EE6

Analogous Palette

#329BB8 #37A9C8 #1D51D4 #1F56E2 #5637C8 #6447CD

Triadic Palette

#1B4CC7 #1F56E2 #EE114F #F02E64 #4FEE11 #46D10F

Split Complementary Palette

#1C4DCB #1F56E2 #E2481D #E55A34 #B7E21D #A5CB1A

Square Palette

#1A48BE #1F56E2 #D52AB0 #D5A52A #1DE248 #41E765

Tetradic Palette

#1947B9 #1F56E2 #B406F9 #E2AA1D #4BF906 #6BFA33

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #1F56E2 contains 31 red, 86 green, and 226 blue.

Contrast Ratio: 6.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.46:1