#2A5893 Color

Color Information

HEX#2A5893
RGB42, 88, 147
HSL214° , 56% , 37%
HSV214° , 71% , 58%
CMYK71%, 40%, 0%, 42%

Lighter Shades

#446CA0 #5D80AD #7794BA #90A8C7 #AABCD4 #C3D0E1

Darker Shades

#254D81 #204370 #1B385E #162E4C #11233B #0C1929

Complementary Palette

#244C7E #2A5893 #7E5724 #93652A #A27B48 #486FA2

Analogous Palette

#387175 #3C7C80 #27538A #2A5893 #413C80 #545086

Triadic Palette

#254D81 #2A5893 #9D2056 #A93B6A #569D20 #4C8A1C

Split Complementary Palette

#264F84 #2A5893 #93312A #9E463F #8C932A #7E8426

Square Palette

#234A7B #2A5893 #8A3384 #8A6433 #2A9331 #4CA452

Tetradic Palette

#224879 #2A5893 #6819A4 #93652A #55A419 #74B442

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5893 contains 42 red, 88 green, and 147 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1