Huebook

Light Pink (CSS) Complementary Color Scheme

Five colors arranged by the complementary rule around Light Pink (CSS) (#FFB6C1), each snapped to its nearest named color.

#FFB6C1
#FFE6E7
#B7FFFA
#66EEEE
#E7FEFF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Light Pink (CSS)#FFB6C1255, 182, 193351°, 100%, 86%0, 29, 24, 084.7% 0.086 9
Vanilla Strawberry#FFE6E7255, 230, 231358°, 100%, 95%0, 10, 9, 094.5% 0.027 15
Winter Meadow#B7FFFA183, 255, 250176°, 100%, 86%28, 0, 2, 095.1% 0.071 191
Poseidon Jr.#66EEEE102, 238, 238180°, 80%, 67%57, 0, 0, 787.5% 0.118 195
Bubbles#E7FEFF231, 254, 255183°, 100%, 95%9, 0, 0, 098.1% 0.024 200

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFB6C1 on #E7FEFF1.57:1—
Aa #FFB6C1 on #B7FFFA1.47:1—
Aa #FFB6C1 on #FFE6E71.39:1—
Aa #66EEEE on #E7FEFF1.33:1—
Aa #B7FFFA on #66EEEE1.24:1—
Aa #FFB6C1 on #66EEEE1.18:1—

CSS variables

:root {
  --color-1: #ffb6c1; /* Light Pink (CSS) */
  --color-2: #ffe6e7; /* Vanilla Strawberry */
  --color-3: #b7fffa; /* Winter Meadow */
  --color-4: #66eeee; /* Poseidon Jr. */
  --color-5: #e7feff; /* Bubbles */
}

Other schemes from Light Pink (CSS)

More very light red complementary color schemes

Questions

What colors go with Light Pink (CSS)?

In a complementary scheme: Vanilla Strawberry (#FFE6E7), Winter Meadow (#B7FFFA), Poseidon Jr. (#66EEEE), Bubbles (#E7FEFF).

What is the hex code of Light Pink (CSS)?

#FFB6C1.