#417E76 Color

Color Information

HEX#417E76
RGB65, 126, 118
HSL172° , 32% , 37%
HSV172° , 48% , 49%
CMYK48%, 0%, 6%, 51%

Lighter Shades

#588D86 #6F9D97 #85ACA7 #9CBCB8 #B3CBC8 #CADBD9

Darker Shades

#396F68 #31605A #2A514C #22423D #1A322F #122321

Complementary Palette

#386C65 #417E76 #6C373E #7D4048 #8F5B62 #5C9089

Analogous Palette

#4A6453 #506D5B #3D766F #417E76 #50626D #5B6F7B

Triadic Palette

#396F68 #417E76 #7A3786 #8A4F95 #867A37 #766B30

Split Complementary Palette

#3B716A #417E76 #7D4066 #8A5375 #7D5640 #714D3A

Square Palette

#376A63 #417E76 #594A73 #734A4F #667D40 #7E925F

Tetradic Palette

#356761 #417E76 #2F3C8E #7D4048 #8E7F2F #A29654

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #417E76 contains 65 red, 126 green, and 118 blue.

Contrast Ratio: 4.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.51:1