#418DBA Color

Color Information

HEX#418DBA
RGB65, 141, 186
HSL202° , 48% , 49%
HSV202° , 65% , 73%
CMYK65%, 24%, 0%, 27%

Lighter Shades

#589BC2 #6FA8CB #85B6D3 #9CC4DB #B3D1E3 #CADFEC

Darker Shades

#397CA4 #316B8D #2A5A77 #224961 #1A384A #122734

Complementary Palette

#3879A0 #418DBA #9F5E38 #B96D41 #C3815C #5C9DC4

Analogous Palette

#53938A #5AA097 #3D85AF #418DBA #5A63A0 #6870A6

Triadic Palette

#397CA4 #418DBA #C53490 #CC4C9D #90C534 #7FAD2E

Split Complementary Palette

#3B7FA7 #418DBA #B94151 #C05462 #B9A941 #A7983B

Square Palette

#37769C #418DBA #A04DAC #AC704D #51B941 #6DC45F

Tetradic Palette

#357499 #418DBA #672ACF #B96D41 #93CF2A #A6D850

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #418DBA contains 65 red, 141 green, and 186 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.82:1