#699BDA Color

Color Information

HEX#699BDA
RGB105, 155, 218
HSL213° , 60% , 63%
HSV213° , 52% , 85%
CMYK52%, 29%, 0%, 15%

Lighter Shades

#7BA7DE #8DB3E3 #9FBFE7 #B1CBEC #C3D7F0 #D5E3F5

Darker Shades

#5C88C0 #5076A6 #43638C #375171 #2A3E57 #1D2B3D

Complementary Palette

#5A85BB #699BDA #BB8F59 #D9A668 #DEB27D #7EA9DF

Analogous Palette

#75B0B3 #7BC3C6 #6392CD #699BDA #7F7BC6 #8986CB

Triadic Palette

#5C88C0 #699BDA #E35F9A #E672A6 #9AE35F #88C854

Split Complementary Palette

#5F8CC4 #699BDA #D96E68 #DD7D77 #D4D968 #BFC35E

Square Palette

#5882B7 #699BDA #D071CB #D0A571 #68D96E #80DF85

Tetradic Palette

#567FB3 #699BDA #A857EA #D9A668 #99EA57 #ABEE75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #699BDA contains 105 red, 155 green, and 218 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.41:1