#69A4E2 Color

Color Information

HEX#69A4E2
RGB105, 164, 226
HSL211° , 68% , 65%
HSV211° , 54% , 89%
CMYK54%, 27%, 0%, 11%

Lighter Shades

#7BAFE5 #8DBAE9 #9FC5EC #B1D0F0 #C3DBF3 #D5E6F7

Darker Shades

#5C90C7 #507DAC #436991 #375576 #2A425A #1D2E3F

Complementary Palette

#5A8DC2 #69A4E2 #C2905A #E2A869 #E6B47E #7EB1E6

Analogous Palette

#76BBBC #7BCFD1 #639AD4 #69A4E2 #7C7BD1 #8887D4

Triadic Palette

#5C90C7 #69A4E2 #EB60A3 #ED73AE #A3EB60 #8FCF54

Split Complementary Palette

#5F94CB #69A4E2 #E26B69 #E57A78 #E0E269 #CACB5F

Square Palette

#588ABE #69A4E2 #DA72D8 #DAA772 #69E26B #81E783

Tetradic Palette

#5686B9 #69A4E2 #A859F3 #E2A869 #A3F359 #B4F577

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A4E2 contains 105 red, 164 green, and 226 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.13:1