#7E97B2 Color

Color Information

HEX#7E97B2
RGB126, 151, 178
HSL211° , 25% , 60%
HSV211° , 29% , 70%
CMYK29%, 15%, 0%, 30%

Lighter Shades

#8DA3BB #9DB0C4 #ACBCCE #BCC9D7 #CBD5E0 #DBE2E9

Darker Shades

#6F859D #607387 #516172 #424F5D #323C47 #232A32

Complementary Palette

#6C8299 #7E97B2 #9A846E #B39A80 #BEA892 #90A6BD

Analogous Palette

#7B9D9D #8AA8A8 #768EA7 #7E97B2 #8A8AA8 #9292AF

Triadic Palette

#6F859D #7E97B2 #BD7597 #C586A3 #97BD75 #85A667

Split Complementary Palette

#7188A0 #7E97B2 #B38080 #BB8D8D #B2B380 #A0A173

Square Palette

#6A7F96 #7E97B2 #A88AA8 #A89A8A #80B380 #94BF94

Tetradic Palette

#677C92 #7E97B2 #9A6DC5 #B39A80 #96C56D #A9CF87

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E97B2 contains 126 red, 151 green, and 178 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.07:1