#414F76 Color

Color Information

HEX#414F76
RGB65, 79, 118
HSL224° , 29% , 36%
HSV224° , 45% , 46%
CMYK45%, 33%, 0%, 54%

Lighter Shades

#586486 #6F7997 #858EA7 #9CA3B8 #B3B9C8 #CACED9

Darker Shades

#394668 #313C5A #2A334C #22293D #1A202F #121621

Complementary Palette

#384465 #414F76 #655938 #766841 #897D5C #5C6889

Analogous Palette

#485B61 #4E636A #3D4A6F #414F76 #554E6A #615978

Triadic Palette

#394668 #414F76 #80384B #8F5061 #4B8038 #427131

Split Complementary Palette

#3B476A #414F76 #764E41 #846054 #6A7641 #5F6A3B

Square Palette

#374263 #414F76 #6D4A65 #6D644A #41764E #5F8C6A

Tetradic Palette

#354161 #414F76 #703187 #766841 #488731 #699D56

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #414F76 contains 65 red, 79 green, and 118 blue.

Contrast Ratio: 8.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.56:1