#69BDFD Color

Color Information

HEX#69BDFD
RGB105, 189, 253
HSL206° , 97% , 70%
HSV206° , 58% , 99%
CMYK58%, 25%, 0%, 1%

Lighter Shades

#7BC5FD #8DCDFD #9FD5FE #B1DDFE #C3E5FE #D5EDFE

Darker Shades

#5CA6DF #5090C0 #4379A2 #376284 #2A4C65 #1D3547

Complementary Palette

#5AA3DA #69BDFD #DA9159 #FDA968 #FDB57D #7EC6FD

Analogous Palette

#74D8D1 #78EDE6 #63B2EE #69BDFD #787FED #8188EF

Triadic Palette

#5CA6DF #69BDFD #FF66BD #FF78C5 #BDFF66 #A6E05A

Split Complementary Palette

#5FAAE4 #69BDFD #FD6872 #FD7780 #FDF368 #E4DB5E

Square Palette

#589FD5 #69BDFD #EC70F5 #F5AA70 #72FD68 #89FD80

Tetradic Palette

#569BCF #69BDFD #A866FF #FDA968 #BDFF66 #C9FF82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69BDFD contains 105 red, 189 green, and 253 blue.

Contrast Ratio: 2.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.42:1