#414878 Color

Color Information

HEX#414878
RGB65, 72, 120
HSL232° , 30% , 36%
HSV232° , 46% , 47%
CMYK46%, 40%, 0%, 53%

Lighter Shades

#585E88 #6F7498 #858AA9 #9CA0B9 #B3B6C9 #CACCD9

Darker Shades

#393F6A #31375B #2A2E4D #22253E #1A1D30 #121422

Complementary Palette

#383E67 #414878 #666037 #777040 #8A845B #5C628B

Analogous Palette

#485861 #4E5F6A #3D4471 #414878 #584E6A #645978

Triadic Palette

#393F6A #414878 #813742 #904F59 #428137 #3A7230

Split Complementary Palette

#3B416C #414878 #775440 #856553 #637740 #596B3A

Square Palette

#373C65 #414878 #6E4961 #6E6949 #407754 #5F8D6F

Tetradic Palette

#353B62 #414878 #7C3088 #777040 #3D8830 #609D55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #414878 contains 65 red, 72 green, and 120 blue.

Contrast Ratio: 8.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1