#424A74 Color

Color Information

HEX#424A74
RGB66, 74, 116
HSL230° , 27% , 36%
HSV230° , 43% , 45%
CMYK43%, 36%, 0%, 55%

Lighter Shades

#596085 #6F7595 #868BA6 #9DA1B7 #B3B7C7 #CACCD8

Darker Shades

#3A4166 #323858 #2A2F4A #22263C #1A1E2E #121520

Complementary Palette

#394064 #424A74 #655D3A #756C43 #88815D #5C6387

Analogous Palette

#485861 #4E606A #3E466D #424A74 #574E6A #645978

Triadic Palette

#3A4166 #424A74 #7E3A45 #8D525B #457E3A #3D6F33

Split Complementary Palette

#3B4368 #424A74 #755443 #836556 #647543 #5A693C

Square Palette

#373E61 #424A74 #6B4C61 #6B664C #437554 #618B6F

Tetradic Palette

#363D5F #424A74 #763285 #756C43 #408532 #629B57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424A74 contains 66 red, 74 green, and 116 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1