#749ED2 Color

Color Information

HEX#749ED2
RGB116, 158, 210
HSL213° , 51% , 64%
HSV213° , 45% , 82%
CMYK45%, 25%, 0%, 18%

Lighter Shades

#85AAD7 #95B5DD #A6C1E2 #B7CDE8 #C7D8ED #D8E4F2

Darker Shades

#668BB9 #5878A0 #4A6586 #3C526D #2E3F54 #202C3B

Complementary Palette

#6488B5 #749ED2 #B59064 #D2A874 #D8B487 #87ACD8

Analogous Palette

#80AAAC #87BDC0 #6D95C5 #749ED2 #8A87C0 #9391C5

Triadic Palette

#668BB9 #749ED2 #DB6B9E #DF7DAA #9EDB6B #8BC15E

Split Complementary Palette

#688EBD #749ED2 #D27974 #D78682 #CDD274 #B9BD68

Square Palette

#6185B0 #749ED2 #C97EC5 #C9A77E #74D279 #8AD98E

Tetradic Palette

#5F82AC #749ED2 #AA64E3 #D2A874 #9DE364 #AFE880

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #749ED2 contains 116 red, 158 green, and 210 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.68:1