Huebook

Skinny Jeans Analogous Color Scheme

Five colors arranged by the analogous rule around Skinny Jeans (#5588FF), each snapped to its nearest named color.

#55FFCC
#55DDFF
#5588FF
#7755FF
#CC55FF

Color names and codes

NameHEXRGBHSLCMYK
Rare Wind#55FFCC85, 255, 204162°, 100%, 67%67, 0, 20, 0
Ionized-Air Glow#55DDFF85, 221, 255192°, 100%, 67%67, 13, 0, 0
Skinny Jeans#5588FF85, 136, 255222°, 100%, 67%67, 47, 0, 0
Venetian Nights#7755FF119, 85, 255252°, 100%, 67%53, 67, 0, 0
Pink Fever#CC55FF204, 85, 255282°, 100%, 67%20, 67, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #55FFCC on #7755FF3.66:1AA large
Aa #55DDFF on #7755FF2.91:1—
Aa #55FFCC on #CC55FF2.62:1—
Aa #55FFCC on #5588FF2.61:1—
Aa #55DDFF on #CC55FF2.09:1—
Aa #55DDFF on #5588FF2.07:1—

CSS variables

:root {
  --color-1: #55ffcc; /* Rare Wind */
  --color-2: #55ddff; /* Ionized-Air Glow */
  --color-3: #5588ff; /* Skinny Jeans */
  --color-4: #7755ff; /* Venetian Nights */
  --color-5: #cc55ff; /* Pink Fever */
}

Other schemes from Skinny Jeans

More Light Blue analogous palettes

Questions

What colors go with Skinny Jeans?

In a analogous scheme: Rare Wind (#55FFCC), Ionized-Air Glow (#55DDFF), Venetian Nights (#7755FF), Pink Fever (#CC55FF).

What is the hex code of Skinny Jeans?

#5588FF.