#4A62BB Color

Color Information

HEX#4A62BB
RGB74, 98, 187
HSL227° , 45% , 51%
HSV227° , 60% , 73%
CMYK60%, 48%, 0%, 27%

Lighter Shades

#6075C3 #7588CB #8B9BD3 #A1ADDC #B7C0E4 #CCD3EC

Darker Shades

#4156A5 #384A8E #2F3F78 #263361 #1E274B #151B34

Complementary Palette

#4054A1 #4A62BB #A08B40 #BAA24A #C4AF63 #6378C5

Analogous Palette

#5C8493 #6390A1 #465CB0 #4A62BB #7563A1 #8070A9

Triadic Palette

#4156A5 #4A62BB #C73D5B #CE546F #5BC73D #50AF36

Split Complementary Palette

#4358A8 #4A62BB #BA6A4A #C1795C #9ABA4A #8BA743

Square Palette

#3E529D #4A62BB #AE5695 #AE9B56 #4ABA6A #67C582

Tetradic Palette

#3D5099 #4A62BB #AF33D1 #BAA24A #55D133 #74D958

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4A62BB contains 74 red, 98 green, and 187 blue.

Contrast Ratio: 5.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1