Huebook

Pink Swirl Tetradic Color Scheme

Five colors arranged by the tetradic rule around Pink Swirl (#FCEAE6), each snapped to its nearest named color.

#FCEAE6
#F1FDE9
#E8F7FD
#F6E5F6
#FBEEE8

Color names and codes

NameHEXRGBHSLCMYK
Pink Swirl#FCEAE6252, 234, 23011°, 79%, 95%0, 7, 9, 1
Crème de Menthe#F1FDE9241, 253, 23396°, 83%, 95%5, 0, 8, 1
Clear Skies#E8F7FD232, 247, 253197°, 84%, 95%8, 2, 0, 1
Soft Lavender#F6E5F6246, 229, 246300°, 49%, 93%0, 7, 0, 4
Rose White#FBEEE8251, 238, 23219°, 70%, 95%0, 5, 8, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F1FDE9 on #F6E5F61.14:1—
Aa #FCEAE6 on #F1FDE91.11:1—
Aa #E8F7FD on #F6E5F61.10:1—
Aa #F1FDE9 on #FBEEE81.08:1—
Aa #FCEAE6 on #E8F7FD1.06:1—
Aa #F6E5F6 on #FBEEE81.06:1—

CSS variables

:root {
  --color-1: #fceae6; /* Pink Swirl */
  --color-2: #f1fde9; /* Crème de Menthe */
  --color-3: #e8f7fd; /* Clear Skies */
  --color-4: #f6e5f6; /* Soft Lavender */
  --color-5: #fbeee8; /* Rose White */
}

Other schemes from Pink Swirl

More Very Light Red tetradic palettes

Questions

What colors go with Pink Swirl?

In a tetradic scheme: Crème de Menthe (#F1FDE9), Clear Skies (#E8F7FD), Soft Lavender (#F6E5F6), Rose White (#FBEEE8).

What is the hex code of Pink Swirl?

#FCEAE6.