#106C9E Color

Color Information

HEX	#106C9E
RGB	16, 108, 158
HSL	201° , 82% , 34%
HSV	201° , 90% , 62%
CMYK	90%, 32%, 0%, 38%

Lighter Shades

#2D7EAA #498FB5 #66A1C1 #83B3CD #9FC4D8 #BCD6E4

Darker Shades

#0E5F8B #0C5278 #0A4565 #083852 #062B3F #041E2C

Complementary Palette

#0E5D88 #106C9E #88380E #9E4110 #AC5C31 #3181AC

Analogous Palette

#1F7F71 #218C7C #0F6695 #106C9E #21318C #374490

Triadic Palette

#0E5F8B #106C9E #A6076F #B12580 #6FA607 #629206

Split Complementary Palette

#0E618E #106C9E #9E1025 #A8283B #9E8810 #8E7A0E

Square Palette

#0D5B85 #106C9E #821895 #954418 #259E10 #48AE36

Tetradic Palette

#0D5982 #106C9E #3D00AD #9E4110 #71AD00 #8BBC2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #106C9E contains 16 red, 108 green, and 158 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1