#7E96A9 Color

Color Information

HEX#7E96A9
RGB126, 150, 169
HSL207° , 20% , 58%
HSV207° , 25% , 66%
CMYK25%, 11%, 0%, 34%

Lighter Shades

#8DA3B3 #9DAFBE #ACBCC8 #BCC8D2 #CBD5DD #DBE2E7

Darker Shades

#6F8495 #607280 #51606C #424E58 #323C44 #232A2F

Complementary Palette

#6C8191 #7E96A9 #917E6C #A9927E #B5A190 #90A5B5

Analogous Palette

#759998 #84A4A2 #768D9F #7E96A9 #8486A4 #8D8FAA

Triadic Palette

#6F8495 #7E96A9 #B47497 #BD85A3 #97B474 #859E66

Split Complementary Palette

#718798 #7E96A9 #A97E81 #B28B8E #A9A77E #989671

Square Palette

#6A7E8E #7E96A9 #A284A4 #A49384 #81A97E #95B793

Tetradic Palette

#677B8B #7E96A9 #916BBD #A9927E #98BD6B #ABC986

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7E96A9 contains 126 red, 150 green, and 169 blue.

Contrast Ratio: 3.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.94:1