Huebook

Too Hot to Handle Complementary Color Scheme

Five colors arranged by the complementary rule around Too Hot to Handle (#BF6153), each snapped to its nearest named color.

#BF6153
#DC9E94
#53B1BA
#358094
#9AD4D8

Color names and codes

NameHEXRGBHSLCMYK
Too Hot to Handle#BF6153191, 97, 838°, 46%, 54%0, 49, 57, 25
Rhapsodic#DC9E94220, 158, 1488°, 51%, 72%0, 28, 33, 14
Thalassa#53B1BA83, 177, 186185°, 43%, 53%55, 5, 0, 27
Forget-Me-Not Blue#35809453, 128, 148193°, 47%, 39%64, 14, 0, 42
Dulcet#9AD4D8154, 212, 216184°, 44%, 73%29, 2, 0, 15

Which pairs work for text

Text on backgroundContrastWCAG
Aa #358094 on #9AD4D82.74:1—
Aa #BF6153 on #9AD4D82.53:1—
Aa #DC9E94 on #3580942.01:1—
Aa #BF6153 on #DC9E941.85:1—
Aa #53B1BA on #3580941.79:1—
Aa #BF6153 on #53B1BA1.66:1—

CSS variables

:root {
  --color-1: #bf6153; /* Too Hot to Handle */
  --color-2: #dc9e94; /* Rhapsodic */
  --color-3: #53b1ba; /* Thalassa */
  --color-4: #358094; /* Forget-Me-Not Blue */
  --color-5: #9ad4d8; /* Dulcet */
}

Other schemes from Too Hot to Handle

More Medium Red complementary palettes

Questions

What colors go with Too Hot to Handle?

In a complementary scheme: Rhapsodic (#DC9E94), Thalassa (#53B1BA), Forget-Me-Not Blue (#358094), Dulcet (#9AD4D8).

What is the hex code of Too Hot to Handle?

#BF6153.