#7E96A2 Color

Color Information

HEX#7E96A2
RGB126, 150, 162
HSL200° , 16% , 56%
HSV200° , 22% , 64%
CMYK22%, 7%, 0%, 36%

Lighter Shades

#8DA3AD #9DAFB8 #ACBCC3 #BCC8CF #CBD5DA #DBE2E5

Darker Shades

#6F848F #60727B #516068 #424E54 #323C41 #232A2D

Complementary Palette

#6C818B #7E96A2 #8A766C #A1897D #AE9A8F #90A5AF

Analogous Palette

#729791 #7EA09A #768D98 #7E96A2 #7E84A0 #8A8FA8

Triadic Palette

#6F848F #7E96A2 #AC7299 #B683A5 #99AC72 #879764

Split Complementary Palette

#718792 #7E96A2 #A17D83 #AA8A8F #A19B7D #918C71

Square Palette

#6A7E88 #7E96A2 #9A7EA0 #A0897E #83A17D #97B092

Tetradic Palette

#677B85 #7E96A2 #8269B5 #A1897D #9CB569 #AEC284

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E96A2 contains 126 red, 150 green, and 162 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