#106B8E Color

Color Information

HEX#106B8E
RGB16, 107, 142
HSL197° , 80% , 31%
HSV197° , 89% , 56%
CMYK89%, 25%, 0%, 44%

Lighter Shades

#2D7D9C #498FA9 #66A0B7 #83B2C4 #9FC4D2 #BCD6DF

Darker Shades

#0E5E7D #0C516C #0A445B #08384A #062B39 #041E28

Complementary Palette

#0E5C7A #106B8E #7A2D0E #8E3410 #9E5031 #31809E

Analogous Palette

#1E7663 #207E6A #0F6585 #106B8E #20347E #354682

Triadic Palette

#0E5E7D #106B8E #96086E #A3267F #6E9608 #618407

Split Complementary Palette

#0E6080 #106B8E #8E102B #992840 #8E7310 #80680E

Square Palette

#0D5A77 #106B8E #6E1886 #863718 #2B8E10 #4DA036

Tetradic Palette

#0D5874 #106B8E #2D029D #8E3410 #719D02 #8BAF30

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #106B8E contains 16 red, 107 green, and 142 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1