#69DCFF Color

Color Information

HEX#69DCFF
RGB105, 220, 255
HSL194° , 100% , 71%
HSV194° , 59% , 100%
CMYK59%, 14%, 0%, 0%

Lighter Shades

#7BE0FF #8DE4FF #9FE9FF #B1EDFF #C3F1FF #D5F5FF

Darker Shades

#5CC2E0 #50A7C2 #438DA3 #377285 #2A5866 #1D3E47

Complementary Palette

#5ABDDB #69DCFF #DB7A5C #FF8E6B #FF9E80 #7EE1FF

Analogous Palette

#73D9BD #7AF0D1 #63CFF0 #69DCFF #7A99F0 #83A0F1

Triadic Palette

#5CC2E0 #69DCFF #FF6BDC #FF7DE0 #DCFF6B #C2E05E

Split Complementary Palette

#5FC6E6 #69DCFF #FF6B93 #FF7A9E #FFD86B #E6C260

Square Palette

#58B9D6 #69DCFF #D472F8 #F89272 #93FF6B #A4FF83

Tetradic Palette

#56B4D1 #69DCFF #8E6BFF #FF8E6B #DCFF6B #E2FF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69DCFF contains 105 red, 220 green, and 255 blue.

Contrast Ratio: 1.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.38:1