#7A8EDE Color

Color Information

HEX#7A8EDE
RGB122, 142, 222
HSL228° , 60% , 67%
HSV228° , 45% , 87%
CMYK45%, 36%, 0%, 13%

Lighter Shades

#8A9CE2 #9AA9E6 #AAB7EA #BAC4EE #CAD2F2 #DADFF6

Darker Shades

#6B7DC3 #5D6CA9 #4E5B8E #3F4A73 #313959 #22283E

Complementary Palette

#697ABF #7A8EDE #BEAD67 #DDC978 #E2D18B #8D9EE3

Analogous Palette

#81A7B6 #89B8CD #7385D1 #7A8EDE #9D89CD #A694D1

Triadic Palette

#6B7DC3 #7A8EDE #E67088 #E98196 #88E670 #78CA63

Split Complementary Palette

#6E80C8 #7A8EDE #DD9778 #E0A186 #BFDD78 #ACC76C

Square Palette

#6677BA #7A8EDE #D581BC #D5C481 #78DD97 #8EE2A8

Tetradic Palette

#6474B6 #7A8EDE #D269EC #DDC978 #83EC69 #99EF84

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7A8EDE contains 122 red, 142 green, and 222 blue.

Contrast Ratio: 3.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.85:1