#758EC6 Color

Color Information

HEX#758EC6
RGB117, 142, 198
HSL221° , 42% , 62%
HSV221° , 41% , 78%
CMYK41%, 28%, 0%, 22%

Lighter Shades

#869CCD #96A9D4 #A7B7DB #B7C4E1 #C8D2E8 #D8DFEF

Darker Shades

#677DAE #596C96 #4B5B7F #3D4A67 #2F394F #212837

Complementary Palette

#657AAA #758EC6 #AB9565 #C7AD75 #CFB888 #889ECE

Analogous Palette

#819CA2 #89ACB3 #6E85BA #758EC6 #9189B3 #9992B9

Triadic Palette

#677DAE #758EC6 #D06C8C #D67E9A #8CD06C #7BB75F

Split Complementary Palette

#6980B2 #758EC6 #C78475 #CD9083 #B8C775 #A6B369

Square Palette

#6277A6 #758EC6 #BD7FB2 #BDA97F #75C784 #8BD098

Tetradic Palette

#6074A2 #758EC6 #B364D8 #C7AD75 #89D864 #9EDF80

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #758EC6 contains 117 red, 142 green, and 198 blue.

Contrast Ratio: 3.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.54:1