#2E549F Color

Color Information

HEX	#2E549F
RGB	46, 84, 159
HSL	220° , 55% , 40%
HSV	220° , 71% , 62%
CMYK	71%, 47%, 0%, 38%

Lighter Shades

#4769AB #607DB6 #7992C2 #92A6CD #ABBBD9 #C4CFE4

Darker Shades

#284A8C #234079 #1D3666 #182C53 #122240 #0D182D

Complementary Palette

#284889 #2E549F #886828 #9E792E #AC8C4B #4B6CAC

Analogous Palette

#3D747F #427E8A #2B4F95 #2E549F #4E428A #60568F

Triadic Palette

#284A8C #2E549F #A82450 #B23E65 #50A824 #469420

Split Complementary Palette

#294C8F #2E549F #9E412E #A85443 #8B9E2E #7D8E29

Square Palette

#274786 #2E549F #943885 #947538 #2E9E41 #4FAE5F

Tetradic Palette

#264582 #2E549F #7F1CB0 #9E792E #4DB01C #6DBE45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E549F contains 46 red, 84 green, and 159 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1