#2456E1 Color

Color Information

HEX#2456E1
RGB36, 86, 225
HSL224° , 76% , 51%
HSV224° , 84% , 88%
CMYK84%, 62%, 0%, 12%

Lighter Shades

#3E6AE5 #597FE8 #7393EC #8DA7EF #A7BBF3 #C2D0F7

Darker Shades

#204CC6 #1B41AB #173790 #132D75 #0E225A #0A183F

Complementary Palette

#1F4AC2 #2456E1 #C2961E #E1AE23 #E5B942 #436EE5

Analogous Palette

#389AB7 #3CA7C8 #2251D4 #2456E1 #5D3CC8 #6A4CCD

Triadic Palette

#204CC6 #2456E1 #EE1750 #F03365 #50EE17 #46D114

Split Complementary Palette

#204DCB #2456E1 #E14F23 #E46139 #B5E123 #A3CB20

Square Palette

#1E48BD #2456E1 #D530AE #D5A930 #23E14F #46E66B

Tetradic Palette

#1E47B9 #2456E1 #B90DF8 #E1AE23 #4BF80D #6BF939

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2456E1 contains 36 red, 86 green, and 225 blue.

Contrast Ratio: 6.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.46:1