#6896C7 Color

Color Information

HEX#6896C7
RGB104, 150, 199
HSL211° , 46% , 59%
HSV211° , 48% , 78%
CMYK48%, 25%, 0%, 22%

Lighter Shades

#7AA3CE #8CAFD4 #9EBCDB #B0C8E2 #C3D5E9 #D5E2EF

Darker Shades

#5C84AF #4F7297 #43607F #364E67 #2A3C50 #1D2A38

Complementary Palette

#5981AB #6896C7 #AB8358 #C79866 #CFA67B #7DA5CF

Analogous Palette

#759E9F #7BB1B2 #628DBB #6896C7 #7C7BB2 #8685B7

Triadic Palette

#5C84AF #6896C7 #D15C94 #D770A1 #94D15C #82B851

Split Complementary Palette

#5E87B3 #6896C7 #C76866 #CD7775 #C5C766 #B1B35C

Square Palette

#577EA7 #6896C7 #BC71BB #BC9871 #66C768 #7ED080

Tetradic Palette

#557BA3 #6896C7 #9954D9 #C79866 #94D954 #A7E073

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6896C7 contains 104 red, 150 green, and 199 blue.

Contrast Ratio: 3.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.88:1