#7EACC5 Color

Color Information

HEX#7EACC5
RGB126, 172, 197
HSL201° , 38% , 63%
HSV201° , 36% , 77%
CMYK36%, 13%, 0%, 23%

Lighter Shades

#8DB6CC #9DC0D3 #ACCADA #BCD4E1 #CBDEE8 #DBE8EF

Darker Shades

#6F97AD #608396 #516E7E #425966 #32454F #233037

Complementary Palette

#6C94A9 #7EACC5 #A9816C #C5967D #CDA58F #90B8CD

Analogous Palette

#84A49F #90B2AD #76A2B9 #7EACC5 #9095B2 #989DB9

Triadic Palette

#6F97AD #7EACC5 #CE73AD #D484B7 #ADCE73 #98B565

Split Complementary Palette

#719BB1 #7EACC5 #C57D88 #CB8A94 #C5BA7D #B1A771

Square Palette

#6A90A5 #7EACC5 #B386BB #BB9986 #88C57D #9BCE92

Tetradic Palette

#678DA2 #7EACC5 #916CD5 #C5967D #AFD56C #BDDD86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7EACC5 contains 126 red, 172 green, and 197 blue.

Contrast Ratio: 2.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.74:1