#415D97 Color

Color Information

HEX#415D97
RGB65, 93, 151
HSL220° , 40% , 42%
HSV220° , 57% , 59%
CMYK57%, 38%, 0%, 41%

Lighter Shades

#5870A3 #6F84B0 #8597BC #9CABC9 #B3BED5 #CAD2E2

Darker Shades

#395285 #314773 #2A3C61 #22304F #1A253C #121A2A

Complementary Palette

#385082 #415D97 #816837 #967940 #A58C5B #5C74A6

Analogous Palette

#507177 #567981 #3D578E #415D97 #5D5681 #6A6487

Triadic Palette

#395285 #415D97 #A13659 #AC4E6D #59A136 #4E8E30

Split Complementary Palette

#3B5488 #415D97 #964F40 #A16153 #889640 #7A873A

Square Palette

#374E7F #415D97 #8B4B81 #8B764B #40964F #5FA76B

Tetradic Palette

#354C7C #415D97 #802DA9 #967940 #56A92D #74B853

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #415D97 contains 65 red, 93 green, and 151 blue.

Contrast Ratio: 6.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.22:1