#106A85 Color

Color Information

HEX#106A85
RGB16, 106, 133
HSL194° , 79% , 29%
HSV194° , 88% , 52%
CMYK88%, 20%, 0%, 48%

Lighter Shades

#2D7C94 #498EA2 #66A0B1 #83B2C0 #9FC3CE #BCD5DD

Darker Shades

#0E5D75 #0C5165 #0A4455 #083745 #062A35 #041E25

Complementary Palette

#0E5B72 #106A85 #72250E #842B10 #954931 #317F96

Analogous Palette

#1D6D57 #1F755E #0F647D #106A85 #1F3675 #36497D

Triadic Palette

#0E5D75 #106A85 #8B096D #99277F #6D8B09 #607A08

Split Complementary Palette

#0E5F78 #106A85 #84102F #902844 #846510 #775B0E

Square Palette

#0D5970 #106A85 #61187C #7C2F18 #2F8410 #509836

Tetradic Palette

#0D576D #106A85 #240391 #842B10 #709103 #8AA530

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #106A85 contains 16 red, 106 green, and 133 blue.

Contrast Ratio: 6.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.43:1