#69A6C2 Color

Color Information

HEX#69A6C2
RGB105, 166, 194
HSL199° , 42% , 59%
HSV199° , 46% , 76%
CMYK46%, 14%, 0%, 24%

Lighter Shades

#7BB1C9 #8DBBD1 #9FC6D8 #B1D1DF #C3DBE7 #D5E6EE

Darker Shades

#5C92AB #507E93 #436A7C #375665 #2A424E #1D2E36

Complementary Palette

#5A8FA7 #69A6C2 #A7735C #C2866B #CB9780 #7EB2CB

Analogous Palette

#789B95 #7FADA5 #639CB6 #69A6C2 #7F88AD #8991B3

Triadic Palette

#5C92AB #69A6C2 #CD60AA #D373B4 #AACD60 #96B454

Split Complementary Palette

#5F95AF #69A6C2 #C26B7B #C87A88 #C2B26B #AFA060

Square Palette

#588BA3 #69A6C2 #AC75B8 #B88A75 #7BC26B #90CC83

Tetradic Palette

#56889F #69A6C2 #7F58D5 #C2866B #ADD558 #BCDD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A6C2 contains 105 red, 166 green, and 194 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.96:1