#418EAA Color

Color Information

HEX#418EAA
RGB65, 142, 170
HSL196° , 45% , 46%
HSV196° , 62% , 67%
CMYK62%, 16%, 0%, 33%

Lighter Shades

#589CB4 #6FA9BE #85B7C9 #9CC4D3 #B3D2DD #CADFE7

Darker Shades

#397D96 #316C81 #2A5B6D #224A58 #1A3944 #122830

Complementary Palette

#387A92 #418EAA #925038 #AA5D41 #B6745C #5C9EB6

Analogous Palette

#518579 #589385 #3D85A0 #418EAA #586693 #697396

Triadic Palette

#397D96 #418EAA #B63593 #BF4DA0 #93B635 #81A02F

Split Complementary Palette

#3B8099 #418EAA #AA4159 #B3546A #AA9141 #99833B

Square Palette

#37778F #418EAA #8B4C9E #9E624C #59AA41 #74B85F

Tetradic Palette

#35748B #418EAA #532BBF #AA5D41 #98BF2B #ABCB51

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #418EAA contains 65 red, 142 green, and 170 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.75:1