#106FAE Color

Color Information

HEX#106FAE
RGB16, 111, 174
HSL204° , 83% , 37%
HSV204° , 91% , 68%
CMYK91%, 36%, 0%, 32%

Lighter Shades

#2D80B8 #4992C1 #66A3CB #83B4D5 #9FC5DF #BCD7E8

Darker Shades

#0E6299 #0C5484 #0A476F #083A5A #062C46 #041F31

Complementary Palette

#0E5F96 #106FAE #95440E #AD4F10 #B86831 #3183B9

Analogous Palette

#208D82 #239A8E #0F68A4 #106FAE #232F9A #39439D

Triadic Palette

#0E6299 #106FAE #B60770 #BF2581 #70B607 #63A006

Split Complementary Palette

#0E649D #106FAE #AD1020 #B52836 #AD9D10 #9C8D0E

Square Palette

#0D5D92 #106FAE #9519A3 #A35119 #20AD10 #44BA36

Tetradic Palette

#0D5B8F #106FAE #4B00BD #AD4F10 #71BD00 #8BC92E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #106FAE contains 16 red, 111 green, and 174 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1