#7586C2 Color

Color Information

HEX#7586C2
RGB117, 134, 194
HSL227° , 39% , 61%
HSV227° , 40% , 76%
CMYK40%, 31%, 0%, 24%

Lighter Shades

#8695C9 #96A3D1 #A7B2D8 #B7C0DF #C8CFE7 #D8DDEE

Darker Shades

#6776AB #596693 #4B567C #3D4665 #2F364E #212636

Complementary Palette

#6573A7 #7586C2 #A79965 #C2B275 #CBBD88 #8897CB

Analogous Palette

#7E96A0 #89A4AE #6E7EB6 #7586C2 #9389AE #9C92B5

Triadic Palette

#6776AB #7586C2 #CC6B80 #D27D8F #80CC6B #71B45E

Split Complementary Palette

#6979AF #7586C2 #C28B75 #C89783 #ACC275 #9BAF69

Square Palette

#6271A3 #7586C2 #B87FA8 #B8AD7F #75C28B #8BCC9E

Tetradic Palette

#606E9F #7586C2 #BE63D4 #C2B275 #7BD463 #93DC7F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7586C2 contains 117 red, 134 green, and 194 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.03:1