#7A8AC0 Color

Color Information

HEX#7A8AC0
RGB122, 138, 192
HSL226° , 36% , 62%
HSV226° , 36% , 75%
CMYK36%, 28%, 0%, 25%

Lighter Shades

#8A98C8 #9AA6CF #AAB4D7 #BAC2DE #CAD0E6 #DADEED

Darker Shades

#6B79A9 #5D6992 #4E587B #3F4864 #31374D #222736

Complementary Palette

#6977A5 #7A8AC0 #A6986A #C1B17B #CABC8D #8D9AC9

Analogous Palette

#8198A2 #8FA5AE #7382B4 #7A8AC0 #978FAE #9F97B4

Triadic Palette

#6B79A9 #7A8AC0 #CB7286 #D18395 #86CB72 #76B364

Split Complementary Palette

#6E7CAD #7A8AC0 #C18E7B #C79988 #AEC17B #9DAE6F

Square Palette

#6674A1 #7A8AC0 #B785AA #B7AC85 #7BC18E #90CBA0

Tetradic Palette

#64719D #7A8AC0 #BA6AD2 #C1B17B #82D26A #99DA85

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7A8AC0 contains 122 red, 138 green, and 192 blue.

Contrast Ratio: 3.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.32:1