#2E57A3 Color

Color Information

HEX#2E57A3
RGB46, 87, 163
HSL219° , 56% , 41%
HSV219° , 72% , 64%
CMYK72%, 47%, 0%, 36%

Lighter Shades

#476BAE #607FB9 #7993C4 #92A8CF #ABBCDA #C4D0E5

Darker Shades

#284D8F #23427C #1D3868 #182D55 #122341 #0D182E

Complementary Palette

#284B8C #2E57A3 #8C6928 #A37A2E #B08D4B #4B6FB0

Analogous Palette

#3E7984 #43838E #2B5299 #2E57A3 #4E438E #605794

Triadic Palette

#284D8F #2E57A3 #AE2454 #B83E69 #54AE24 #4A9920

Split Complementary Palette

#294E93 #2E57A3 #A3402E #AC5343 #92A32E #839329

Square Palette

#274989 #2E57A3 #99388A #997738 #2EA340 #4FB25F

Tetradic Palette

#264786 #2E57A3 #801BB6 #A37A2E #51B61B #70C344

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E57A3 contains 46 red, 87 green, and 163 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1