#6994B2 Color

Color Information

HEX#6994B2
RGB105, 148, 178
HSL205° , 32% , 55%
HSV205° , 41% , 70%
CMYK41%, 17%, 0%, 30%

Lighter Shades

#7BA1BB #8DAEC4 #9FBBCE #B1C7D7 #C3D4E0 #D5E1E9

Darker Shades

#5C829D #507087 #435F72 #374D5D #2A3B47 #1D2932

Complementary Palette

#5A7F99 #6994B2 #987359 #B18668 #BC977D #7EA3BD

Analogous Palette

#6F9592 #7B9D9B #638BA7 #6994B2 #7B7E9D #8789A6

Triadic Palette

#5C829D #6994B2 #BC5C94 #C470A1 #94BC5C #82A551

Split Complementary Palette

#5F85A0 #6994B2 #B1686E #B9777D #B1AB68 #9F9A5E

Square Palette

#587C96 #6994B2 #A173A5 #A58873 #6EB168 #85BD80

Tetradic Palette

#567992 #6994B2 #8353C6 #B18668 #96C653 #A9D072

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6994B2 contains 105 red, 148 green, and 178 blue.

Contrast Ratio: 3.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.58:1