#7EA5EA Color

Color Information

HEX#7EA5EA
RGB126, 165, 234
HSL218° , 72% , 71%
HSV218° , 46% , 92%
CMYK46%, 29%, 0%, 8%

Lighter Shades

#8DB0ED #9DBBEF #ACC5F2 #BCD0F4 #CBDBF7 #DBE6F9

Darker Shades

#6F91CE #607DB2 #516A96 #42567A #32425E #232E42

Complementary Palette

#6C8EC9 #7EA5EA #C9A86E #EAC380 #EDCB92 #90B2ED

Analogous Palette

#87BDC5 #8FD1DC #769BDC #7EA5EA #998FDC #A096DE

Triadic Palette

#6F91CE #7EA5EA #F278A5 #F488B0 #A5F278 #91D56A

Split Complementary Palette

#7195D3 #7EA5EA #EA8E80 #EC998D #DCEA80 #C6D373

Square Palette

#6A8BC5 #7EA5EA #E387D7 #E3C187 #80EA8E #94EDA0

Tetradic Palette

#6787C0 #7EA5EA #C772F8 #EAC380 #A3F872 #B4F98B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EA5EA contains 126 red, 165 green, and 234 blue.

Contrast Ratio: 2.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.59:1