#7EA2D7 Color

Color Information

HEX#7EA2D7
RGB126, 162, 215
HSL216° , 53% , 67%
HSV216° , 41% , 84%
CMYK41%, 25%, 0%, 16%

Lighter Shades

#8DADDC #9DB8E1 #ACC3E5 #BCCFEA #CBDAEF #DBE5F4

Darker Shades

#6F8FBD #607BA3 #51688A #425470 #324156 #232D3C

Complementary Palette

#6C8BB9 #7EA2D7 #B99B6C #D7B47E #DDBF90 #90AFDD

Analogous Palette

#89AFB3 #8FC2C7 #7698CA #7EA2D7 #958FC7 #9C96CA

Triadic Palette

#6F8FBD #7EA2D7 #E076A0 #E486AB #A0E076 #8DC568

Split Complementary Palette

#7192C2 #7EA2D7 #D7877E #DB938B #CFD77E #BAC271

Square Palette

#6A88B5 #7EA2D7 #CF87C9 #CFB287 #7ED787 #93DD9A

Tetradic Palette

#6785B0 #7EA2D7 #B76FE7 #D7B47E #9FE76F #B0EB89

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA2D7 contains 126 red, 162 green, and 215 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.17:1