#414A6C Color

Color Information

HEX#414A6C
RGB65, 74, 108
HSL227° , 25% , 34%
HSV227° , 40% , 42%
CMYK40%, 31%, 0%, 58%

Lighter Shades

#58607E #6F758F #858BA1 #9CA1B3 #B3B7C4 #CACCD6

Darker Shades

#39415F #313852 #2A2F45 #222638 #1A1E2B #12151E

Complementary Palette

#38405D #414A6C #5D5538 #6C6341 #81795C #5C6381

Analogous Palette

#43545B #4A5C64 #3D4666 #414A6C #514A64 #5D5572

Triadic Palette

#39415F #414A6C #753846 #86505C #467538 #3E6731

Split Complementary Palette

#3B4361 #414A6C #6C4D41 #7B5F54 #606C41 #56613B

Square Palette

#373E5B #414A6C #644A5C #645E4A #416C4D #5F8469

Tetradic Palette

#353D59 #414A6C #6C317C #6C6341 #427C31 #649456

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #414A6C contains 65 red, 74 green, and 108 blue.

Contrast Ratio: 8.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1