#2E3A82 Color

Color Information

HEX	#2E3A82
RGB	46, 58, 130
HSL	231° , 48% , 35%
HSV	231° , 65% , 51%
CMYK	65%, 55%, 0%, 49%

Lighter Shades

#475291 #6069A0 #7981AF #9299BE #ABB0CD #C4C8DC

Darker Shades

#283372 #232C63 #1D2553 #181E44 #121734 #0D1024

Complementary Palette

#283270 #2E3A82 #726628 #84772E #958A4B #4B5694

Analogous Palette

#3B5868 #406172 #2B377A #2E3A82 #524072 #605379

Triadic Palette

#283372 #2E3A82 #8D2535 #9B3F4D #358D25 #2F7C21

Split Complementary Palette

#293475 #2E3A82 #844C2E #905E43 #66842E #5C7729

Square Palette

#27316D #2E3A82 #7B3763 #7B7137 #2E844C #4F9869

Tetradic Palette

#26306B #2E3A82 #821E94 #84772E #30941E #55A747

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E3A82 contains 46 red, 58 green, and 130 blue.

Contrast Ratio: 10.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.98:1