#6772D2 Color

Color Information

HEX#6772D2
RGB103, 114, 210
HSL234° , 54% , 61%
HSV234° , 51% , 82%
CMYK51%, 46%, 0%, 18%

Lighter Shades

#7983D7 #8B94DD #9EA5E2 #B0B6E8 #C2C7ED #D4D8F2

Darker Shades

#5B64B9 #4E57A0 #424986 #363B6D #292E54 #1D203B

Complementary Palette

#5962B5 #6772D2 #B4AB58 #D1C766 #D7CF7B #7C86D8

Analogous Palette

#7494AA #7AA2BD #616BC5 #6772D2 #957ABD #9D84C2

Triadic Palette

#5B64B9 #6772D2 #DB5C69 #DF707B #69DB5C #5CC151

Split Complementary Palette

#5D67BD #6772D2 #D19166 #D69C75 #A6D166 #95BC5C

Square Palette

#5760B0 #6772D2 #C770A4 #C7BF70 #66D191 #7ED8A3

Tetradic Palette

#545DAC #6772D2 #D554E3 #D1C766 #62E354 #7EE873

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6772D2 contains 103 red, 114 green, and 210 blue.

Contrast Ratio: 4.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.95:1