#69A4C0 Color

Color Information

HEX#69A4C0
RGB105, 164, 192
HSL199° , 41% , 58%
HSV199° , 45% , 75%
CMYK45%, 15%, 0%, 25%

Lighter Shades

#7BAFC8 #8DBACF #9FC5D7 #B1D0DE #C3DBE6 #D5E6ED

Darker Shades

#5C90A9 #507D92 #43697B #375564 #2A424D #1D2E36

Complementary Palette

#5A8DA5 #69A4C0 #A57259 #C08468 #C9957D #7EB1C9

Analogous Palette

#789B95 #7DAAA2 #639AB4 #69A4C0 #7D86AA #878EB0

Triadic Palette

#5C90A9 #69A4C0 #CB5DA8 #D170B2 #A8CB5D #94B352

Split Complementary Palette

#5F94AD #69A4C0 #C06878 #C67786 #C0B068 #AD9E5E

Square Palette

#588AA1 #69A4C0 #A973B5 #B58873 #78C068 #8ECA80

Tetradic Palette

#56869D #69A4C0 #7D55D3 #C08468 #ABD355 #BADB74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A4C0 contains 105 red, 164 green, and 192 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.79:1