#69A1D8 Color

Color Information

HEX#69A1D8
RGB105, 161, 216
HSL210° , 59% , 63%
HSV210° , 51% , 85%
CMYK51%, 25%, 0%, 15%

Lighter Shades

#7BACDD #8DB8E1 #9FC3E6 #B1CEEB #C3D9EF #D5E5F4

Darker Shades

#5C8EBE #507AA4 #43678A #375470 #2A4056 #1D2D3C

Complementary Palette

#5A8ABA #69A1D8 #BA8A5A #D8A169 #DDAE7E #7EAEDD

Analogous Palette

#76B2B2 #7CC5C5 #6397CB #69A1D8 #7C7CC5 #8686CA

Triadic Palette

#5C8EBE #69A1D8 #E260A1 #E573AC #A1E260 #8EC754

Split Complementary Palette

#5F91C2 #69A1D8 #D86969 #DC7878 #D8D869 #C2C25F

Square Palette

#5887B5 #69A1D8 #CF72CF #CFA172 #69D869 #81DE81

Tetradic Palette

#5684B1 #69A1D8 #A158E9 #D8A169 #A1E958 #B2ED76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A1D8 contains 105 red, 161 green, and 216 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.81:1