#2E3487 Color

Color Information

HEX#2E3487
RGB46, 52, 135
HSL236° , 49% , 35%
HSV236° , 66% , 53%
CMYK66%, 61%, 0%, 47%

Lighter Shades

#474C95 #6065A4 #797DB2 #9295C1 #ABAECF #C4C6DD

Darker Shades

#282E77 #232867 #1D2156 #181B46 #121536 #0D0F26

Complementary Palette

#282D74 #2E3487 #726D28 #857F2E #96914B #4B5098

Analogous Palette

#3A5569 #3F5D73 #2B317F #2E3487 #563F73 #635379

Triadic Palette

#282E77 #2E3487 #8E252A #9C3F44 #2A8E25 #257D21

Split Complementary Palette

#292F7A #2E3487 #85532E #916443 #5F852E #567829

Square Palette

#272C71 #2E3487 #7C365E #7C7736 #2E8553 #4F996F

Tetradic Palette

#262B6F #2E3487 #8D1D95 #857F2E #23951D #4BA846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3487 contains 46 red, 52 green, and 135 blue.

Contrast Ratio: 11.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.89:1