#2E489A Color

Color Information

HEX#2E489A
RGB46, 72, 154
HSL226° , 54% , 39%
HSV226° , 70% , 60%
CMYK70%, 53%, 0%, 40%

Lighter Shades

#475EA6 #6074B2 #798ABE #92A0CA #ABB6D7 #C4CCE3

Darker Shades

#283F88 #233775 #1D2E63 #182550 #121D3E #0D142B

Complementary Palette

#283E84 #2E489A #846E28 #99802E #A7924B #4B62A8

Analogous Palette

#3D6A7B #427385 #2B4491 #2E489A #544285 #63558B

Triadic Palette

#283F88 #2E489A #A32442 #AE3E59 #42A324 #3A8F20

Split Complementary Palette

#29418B #2E489A #994A2E #A35C43 #7D992E #718A29

Square Palette

#273C81 #2E489A #8F3878 #8F7B38 #2E994A #4FA967

Tetradic Palette

#263B7E #2E489A #8A1CAB #99802E #3DAB1C #60BA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E489A contains 46 red, 72 green, and 154 blue.

Contrast Ratio: 8.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1