#2E5AB0 Color

Color Information

HEX	#2E5AB0
RGB	46, 90, 176
HSL	220° , 59% , 44%
HSV	220° , 74% , 69%
CMYK	74%, 49%, 0%, 31%

Lighter Shades

#476EB9 #6082C3 #7995CC #92A9D6 #ABBDDF #C4D1E9

Darker Shades

#284F9B #234486 #1D3A71 #182F5C #122446 #0D1931

Complementary Palette

#284D97 #2E5AB0 #997328 #B2862E #BD974B #4B71BB

Analogous Palette

#3E818E #448D9C #2B55A5 #2E5AB0 #53449C #63579E

Triadic Palette

#284F9B #2E5AB0 #BE2356 #C63D6A #56BE23 #4CA71F

Split Complementary Palette

#29519E #2E5AB0 #B2442E #BA5743 #9CB22E #8CA029

Square Palette

#274C94 #2E5AB0 #A73995 #A78339 #2EB244 #4FBE62

Tetradic Palette

#264A90 #2E5AB0 #8D1AC7 #B2862E #53C71A #72D143

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E5AB0 contains 46 red, 90 green, and 176 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1