#69AFDD Color

Color Information

HEX	#69AFDD
RGB	105, 175, 221
HSL	204° , 63% , 64%
HSV	204° , 52% , 87%
CMYK	52%, 21%, 0%, 13%

Lighter Shades

#7BB9E1 #8DC2E5 #9FCCE9 #B1D5ED #C3DFF1 #D5E9F5

Darker Shades

#5C9AC2 #5085A8 #43708D #375B73 #2A4658 #1D313E

Complementary Palette

#5A97BE #69AFDD #BE835A #DD9869 #E2A67E #7EBAE2

Analogous Palette

#77B6B0 #7CCBC3 #63A5D0 #69AFDD #7C84CB #878ECF

Triadic Palette

#5C9AC2 #69AFDD #E660B1 #E973BA #B1E660 #9CCA54

Split Complementary Palette

#5F9EC7 #69AFDD #DD6975 #E07883 #DDD169 #C7BC5F

Square Palette

#5893BA #69AFDD #CA73D4 #D49973 #75DD69 #8BE281

Tetradic Palette

#5690B5 #69AFDD #9459EE #DD9869 #B2EE59 #C0F177

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69AFDD contains 105 red, 175 green, and 221 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.91:1