Huebook

First Crush Complementary Color Scheme

Five colors arranged by the complementary rule around First Crush (#F6E2EA), each snapped to its nearest named color.

#F6E2EA
#F8EEF4
#E2F7F1
#A8E3CC
#E9F9F5

Color names and codes

NameHEXRGBHSLCMYK
First Crush#F6E2EA246, 226, 234336°, 53%, 93%0, 8, 5, 4
Sentimental Pink#F8EEF4248, 238, 244324°, 42%, 95%0, 4, 2, 3
Frosty Mint#E2F7F1226, 247, 241163°, 57%, 93%9, 0, 2, 3
Turquoise Tower#A8E3CC168, 227, 204157°, 51%, 77%26, 0, 10, 11
Melting Glacier#E9F9F5233, 249, 245165°, 57%, 95%6, 0, 2, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A8E3CC on #E9F9F51.33:1—
Aa #E2F7F1 on #A8E3CC1.29:1—
Aa #F8EEF4 on #A8E3CC1.28:1—
Aa #F6E2EA on #A8E3CC1.17:1—
Aa #F6E2EA on #E9F9F51.14:1—
Aa #F6E2EA on #E2F7F11.11:1—

CSS variables

:root {
  --color-1: #f6e2ea; /* First Crush */
  --color-2: #f8eef4; /* Sentimental Pink */
  --color-3: #e2f7f1; /* Frosty Mint */
  --color-4: #a8e3cc; /* Turquoise Tower */
  --color-5: #e9f9f5; /* Melting Glacier */
}

Other schemes from First Crush

More Very Light Pink complementary palettes

Questions

What colors go with First Crush?

In a complementary scheme: Sentimental Pink (#F8EEF4), Frosty Mint (#E2F7F1), Turquoise Tower (#A8E3CC), Melting Glacier (#E9F9F5).

What is the hex code of First Crush?

#F6E2EA.