#69A5D7 Color

Color Information

HEX#69A5D7
RGB105, 165, 215
HSL207° , 58% , 63%
HSV207° , 51% , 84%
CMYK51%, 23%, 0%, 16%

Lighter Shades

#7BB0DC #8DBBE1 #9FC5E5 #B1D0EA #C3DBEF #D5E6F4

Darker Shades

#5C91BD #507DA3 #436A8A #375670 #2A4256 #1D2E3C

Complementary Palette

#5A8EB9 #69A5D7 #B9855B #D79B6A #DDA97F #7EB2DD

Analogous Palette

#77B1AE #7DC5C1 #639BCA #69A5D7 #7D80C5 #888BC8

Triadic Palette

#5C91BD #69A5D7 #E160A7 #E573B2 #A7E160 #93C654

Split Complementary Palette

#5F95C2 #69A5D7 #D76A6F #DB797D #D7D26A #C2BD5F

Square Palette

#588BB5 #69A5D7 #C973CE #CE9C73 #6FD76A #86DD82

Tetradic Palette

#5687B0 #69A5D7 #9959E8 #D79B6A #A8E859 #B8EC77

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A5D7 contains 105 red, 165 green, and 215 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.09:1