#425A7E Color

Color Information

HEX#425A7E
RGB66, 90, 126
HSL216° , 31% , 38%
HSV216° , 48% , 49%
CMYK48%, 29%, 0%, 51%

Lighter Shades

#596E8D #6F829D #8695AC #9DA9BC #B3BDCB #CAD1DB

Darker Shades

#3A4F6F #324460 #2A3A51 #222F42 #1A2432 #121923

Complementary Palette

#394D6C #425A7E #6D593A #7F6743 #917C5D #5C7190

Analogous Palette

#4C6467 #526D6F #3E5576 #425A7E #55526F #615D7E

Triadic Palette

#3A4F6F #425A7E #893959 #97516D #598939 #4E7932

Split Complementary Palette

#3B5171 #425A7E #7F4943 #8C5B56 #797F43 #6D723C

Square Palette

#374C6A #425A7E #754D71 #75654D #437F49 #619366

Tetradic Palette

#364A67 #425A7E #6A3190 #7F6743 #579031 #75A456

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #425A7E contains 66 red, 90 green, and 126 blue.

Contrast Ratio: 7.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1