#69BDE2 Color

Color Information

HEX#69BDE2
RGB105, 189, 226
HSL198° , 68% , 65%
HSV198° , 54% , 89%
CMYK54%, 16%, 0%, 11%

Lighter Shades

#7BC5E5 #8DCDE9 #9FD5EC #B1DDF0 #C3E5F3 #D5EDF7

Darker Shades

#5CA6C7 #5090AC #437991 #376276 #2A4C5A #1D353F

Complementary Palette

#5AA3C2 #69BDE2 #C2795A #E28D69 #E69D7E #7EC6E6

Analogous Palette

#76BCAE #7BD1BF #63B2D4 #69BDE2 #7B8CD1 #8796D4

Triadic Palette

#5CA6C7 #69BDE2 #EB60C2 #ED73C9 #C2EB60 #ABCF54

Split Complementary Palette

#5FAACB #69BDE2 #E26981 #E5788E #E2CA69 #CBB65F

Square Palette

#589FBE #69BDE2 #C572DA #DA9172 #81E269 #95E781

Tetradic Palette

#569BB9 #69BDE2 #8759F3 #E28D69 #C4F359 #CFF577

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69BDE2 contains 105 red, 189 green, and 226 blue.

Contrast Ratio: 2.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.11:1