Huebook

Hipster Salmon Complementary Color Scheme

Five colors arranged by the complementary rule around Hipster Salmon (#FD7C6E), each snapped to its nearest named color.

#FD7C6E
#FFCECB
#6DEDFD
#22EEFF
#D0FEFE

Color names and codes

NameHEXRGBHSLCMYK
Hipster Salmon#FD7C6E253, 124, 1106°, 97%, 71%0, 51, 57, 1
Aromatic Breeze#FFCECB255, 206, 2033°, 100%, 90%0, 19, 20, 0
Robin’s Egg#6DEDFD109, 237, 253187°, 97%, 71%57, 6, 0, 1
Sparky Blue#22EEFF34, 238, 255185°, 100%, 57%87, 7, 0, 0
Pale Blue#D0FEFE208, 254, 254180°, 96%, 91%18, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FD7C6E on #D0FEFE2.33:1—
Aa #FD7C6E on #6DEDFD1.83:1—
Aa #FD7C6E on #FFCECB1.80:1—
Aa #FD7C6E on #22EEFF1.78:1—
Aa #22EEFF on #D0FEFE1.31:1—
Aa #FFCECB on #D0FEFE1.29:1—

CSS variables

:root {
  --color-1: #fd7c6e; /* Hipster Salmon */
  --color-2: #ffcecb; /* Aromatic Breeze */
  --color-3: #6dedfd; /* Robin’s Egg */
  --color-4: #22eeff; /* Sparky Blue */
  --color-5: #d0fefe; /* Pale Blue */
}

Other schemes from Hipster Salmon

More Light Red complementary palettes

Questions

What colors go with Hipster Salmon?

In a complementary scheme: Aromatic Breeze (#FFCECB), Robin’s Egg (#6DEDFD), Sparky Blue (#22EEFF), Pale Blue (#D0FEFE).

What is the hex code of Hipster Salmon?

#FD7C6E.