#7EC6ED Color

Color Information

HEX#7EC6ED
RGB126, 198, 237
HSL201° , 76% , 71%
HSV201° , 47% , 93%
CMYK47%, 16%, 0%, 7%

Lighter Shades

#8DCDEF #9DD4F1 #ACDBF3 #BCE1F6 #CBE8F8 #DBEFFA

Darker Shades

#6FAED1 #6096B4 #517F98 #42677B #324F5F #233742

Complementary Palette

#6CAACC #7EC6ED #CC8D6C #EDA47D #F0B18F #90CEF0

Analogous Palette

#84C8BD #8CDED2 #76BADF #7EC6ED #8C98DE #94A0E0

Triadic Palette

#6FAED1 #7EC6ED #F575C8 #F686CF #C8F575 #B0D867

Split Complementary Palette

#71B2D5 #7EC6ED #ED7D8E #EF8A99 #EDDC7D #D5C671

Square Palette

#6AA6C7 #7EC6ED #D784E6 #E6A684 #8EED7D #A0F092

Tetradic Palette

#67A2C2 #7EC6ED #A070FB #EDA47D #CAFB70 #D4FC8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EC6ED contains 126 red, 198 green, and 237 blue.

Contrast Ratio: 1.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.33:1