#6A77C7 Color

Color Information

HEX#6A77C7
RGB106, 119, 199
HSL232° , 45% , 60%
HSV232° , 47% , 78%
CMYK47%, 40%, 0%, 22%

Lighter Shades

#7C87CE #8E98D4 #A0A8DB #B2B8E2 #C3C9E9 #D5D9EF

Darker Shades

#5D69AF #515A97 #444C7F #373E67 #2A3050 #1E2138

Complementary Palette

#5B66AB #6A77C7 #ABA15C #C7BB6B #CFC580 #7F8ACF

Analogous Palette

#7991A0 #80A0B3 #6470BB #6A77C7 #9280B3 #9A89B8

Triadic Palette

#5D69AF #6A77C7 #D16170 #D77481 #70D161 #63B855

Split Complementary Palette

#5F6BB3 #6A77C7 #C78D6B #CD987A #A5C76B #95B360

Square Palette

#5964A7 #6A77C7 #BD75A3 #BDB375 #6BC78D #83D09F

Tetradic Palette

#5762A3 #6A77C7 #C859D9 #C7BB6B #6AD959 #85E077

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A77C7 contains 106 red, 119 green, and 199 blue.

Contrast Ratio: 4.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.13:1