Huebook

Toxic Steam Complementary Color Scheme

Five colors arranged by the complementary rule around Toxic Steam (#C1FDC9), each snapped to its nearest named color.

#C1FDC9
#E7FBEC
#FEC9ED
#FF77EE
#FFEBFA

Color names and codes

NameHEXRGBHSLCMYK
Toxic Steam#C1FDC9193, 253, 201128°, 94%, 87%24, 0, 21, 1
Winter Mist#E7FBEC231, 251, 236135°, 71%, 95%8, 0, 6, 2
Rosy Maple Moth#FEC9ED254, 201, 237319°, 96%, 89%0, 21, 7, 0
Avant-Garde Pink#FF77EE255, 119, 238308°, 100%, 73%0, 53, 7, 0
Strawberry Bonbon#FFEBFA255, 235, 250315°, 100%, 96%0, 8, 2, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E7FBEC on #FF77EE2.13:1—
Aa #FF77EE on #FFEBFA2.03:1—
Aa #C1FDC9 on #FF77EE1.99:1—
Aa #FEC9ED on #FF77EE1.62:1—
Aa #E7FBEC on #FEC9ED1.31:1—
Aa #FEC9ED on #FFEBFA1.25:1—

CSS variables

:root {
  --color-1: #c1fdc9; /* Toxic Steam */
  --color-2: #e7fbec; /* Winter Mist */
  --color-3: #fec9ed; /* Rosy Maple Moth */
  --color-4: #ff77ee; /* Avant-Garde Pink */
  --color-5: #ffebfa; /* Strawberry Bonbon */
}

Other schemes from Toxic Steam

More Very Light Green complementary palettes

Questions

What colors go with Toxic Steam?

In a complementary scheme: Winter Mist (#E7FBEC), Rosy Maple Moth (#FEC9ED), Avant-Garde Pink (#FF77EE), Strawberry Bonbon (#FFEBFA).

What is the hex code of Toxic Steam?

#C1FDC9.