#699FDE Color

Color Information

HEX#699FDE
RGB105, 159, 222
HSL212° , 64% , 64%
HSV212° , 53% , 87%
CMYK53%, 28%, 0%, 13%

Lighter Shades

#7BABE2 #8DB6E6 #9FC2EA #B1CDEE #C3D9F2 #D5E4F6

Darker Shades

#5C8CC3 #5079A9 #43668E #375373 #2A4059 #1D2D3E

Complementary Palette

#5A89BF #699FDE #BF9059 #DEA768 #E3B37D #7EACE3

Analogous Palette

#76B5B7 #7BC9CC #6395D1 #699FDE #7E7BCC #8886D0

Triadic Palette

#5C8CC3 #699FDE #E75F9F #EA72AB #9FE75F #8CCB54

Split Complementary Palette

#5F8FC8 #699FDE #DE6C68 #E17B77 #DADE68 #C4C85E

Square Palette

#5886BA #699FDE #D572D1 #D5A772 #68DE6C #80E384

Tetradic Palette

#5682B6 #699FDE #A858EE #DEA768 #9EEE58 #AFF176

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #699FDE contains 105 red, 159 green, and 222 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.73:1