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

NameHEXRGBHSLCMYKOKLCH
Rare Wind#55FFCC85, 255, 204162°, 100%, 67%67, 0, 20, 090.0% 0.157 169
Ionized-Air Glow#55DDFF85, 221, 255192°, 100%, 67%67, 13, 0, 083.7% 0.125 218
Skinny Jeans#5588FF85, 136, 255222°, 100%, 67%67, 47, 0, 065.1% 0.185 264
Venetian Nights#7755FF119, 85, 255252°, 100%, 67%53, 67, 0, 058.5% 0.238 286
Pink Fever#CC55FF204, 85, 255282°, 100%, 67%20, 67, 0, 067.4% 0.251 314

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 color schemes

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.