#415F78 Color

Color Information

HEX#415F78
RGB65, 95, 120
HSL207° , 30% , 36%
HSV207° , 46% , 47%
CMYK46%, 21%, 0%, 53%

Lighter Shades

#587288 #6F8598 #8599A9 #9CACB9 #B3BFC9 #CAD2D9

Darker Shades

#39546A #31485B #2A3D4D #22313E #1A2630 #121B22

Complementary Palette

#385267 #415F78 #664D37 #775940 #8A705B #5C758B

Analogous Palette

#486160 #4E6A69 #3D5971 #415F78 #4E4F6A #595B78

Triadic Palette

#39546A #415F78 #813761 #904F74 #618137 #557230

Split Complementary Palette

#3B566C #415F78 #774043 #855356 #777540 #6B693A

Square Palette

#375065 #415F78 #6D496E #6E5A49 #437740 #618D5F

Tetradic Palette

#354E62 #415F78 #573088 #775940 #628830 #7E9D55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #415F78 contains 65 red, 95 green, and 120 blue.

Contrast Ratio: 6.74:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.11:1