Huebook

Pimm’s Complementary Color Scheme

Five colors arranged by the complementary rule around Pimm’s (#C3585C), each snapped to its nearest named color.

#C3585C
#DC9F9F
#5FC9BF
#3C9992
#A5DDDB

Color names and codes

NameHEXRGBHSLCMYK
Pimm’s#C3585C195, 88, 92358°, 47%, 55%0, 55, 53, 24
Pink Pussycat#DC9F9F220, 159, 1590°, 47%, 74%0, 28, 28, 14
Bayside#5FC9BF95, 201, 191174°, 50%, 58%53, 0, 5, 21
Sea#3C999260, 153, 146175°, 44%, 42%61, 0, 5, 40
Aqua Spray#A5DDDB165, 221, 219178°, 45%, 76%25, 0, 1, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C3585C on #A5DDDB2.87:1—
Aa #3C9992 on #A5DDDB2.27:1—
Aa #C3585C on #5FC9BF2.17:1—
Aa #C3585C on #DC9F9F1.95:1—
Aa #5FC9BF on #3C99921.72:1—
Aa #DC9F9F on #3C99921.54:1—

CSS variables

:root {
  --color-1: #c3585c; /* Pimm’s */
  --color-2: #dc9f9f; /* Pink Pussycat */
  --color-3: #5fc9bf; /* Bayside */
  --color-4: #3c9992; /* Sea */
  --color-5: #a5dddb; /* Aqua Spray */
}

Other schemes from Pimm’s

More Medium Red complementary palettes

Questions

What colors go with Pimm’s?

In a complementary scheme: Pink Pussycat (#DC9F9F), Bayside (#5FC9BF), Sea (#3C9992), Aqua Spray (#A5DDDB).

What is the hex code of Pimm’s?

#C3585C.