#106D8C Color

Color Information

HEX#106D8C
RGB16, 109, 140
HSL195° , 79% , 31%
HSV195° , 89% , 55%
CMYK89%, 22%, 0%, 45%

Lighter Shades

#2D7F9A #4990A8 #66A2B5 #83B3C3 #9FC5D1 #BCD6DF

Darker Shades

#0E607B #0C536A #0A465A #083949 #062C38 #041F27

Complementary Palette

#0E5E78 #106D8C #79290F #8D3011 #9D4D32 #31819C

Analogous Palette

#1F755F #217D66 #0F6684 #106D8C #21387D #364981

Triadic Palette

#0E607B #106D8C #950972 #A22783 #729509 #648308

Split Complementary Palette

#0E627E #106D8C #8D1130 #982945 #8D6E11 #7F630F

Square Palette

#0D5C76 #106D8C #6A1985 #853419 #308D11 #519F37

Tetradic Palette

#0D5973 #106D8C #29039B #8D3011 #759B03 #8EAD30

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #106D8C contains 16 red, 109 green, and 140 blue.

Contrast Ratio: 5.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1