#424EA1 Color

Color Information

HEX#424EA1
RGB66, 78, 161
HSL232° , 42% , 45%
HSV232° , 59% , 63%
CMYK59%, 52%, 0%, 37%

Lighter Shades

#5963AC #6F78B8 #868EC3 #9DA3CE #B3B8D9 #CACDE5

Darker Shades

#3A458E #323B7A #2A3267 #222954 #1A1F40 #12162D

Complementary Palette

#39438A #424EA1 #8C813A #A39643 #B0A55D #5C67AE

Analogous Palette

#547183 #5A798C #3E4997 #424EA1 #6C5A8C #786A90

Triadic Palette

#3A458E #424EA1 #AE3745 #B84F5B #45AE37 #3D9930

Split Complementary Palette

#3B4691 #424EA1 #A36643 #AC7556 #80A343 #73933C

Square Palette

#374287 #424EA1 #974E7D #978E4E #43A366 #61B27E

Tetradic Palette

#364084 #424EA1 #A52EB8 #A39643 #3EB82E #61C554

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424EA1 contains 66 red, 78 green, and 161 blue.

Contrast Ratio: 7.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.8:1