Huebook

Don’t Be Shy Complementary Color Scheme

Five colors arranged by the complementary rule around Don’t Be Shy (#ED2C1A), each snapped to its nearest named color.

#ED2C1A
#F47869
#11DDEE
#189FAC
#77EEEE

Color names and codes

NameHEXRGBHSLCMYK
Don’t Be Shy#ED2C1A237, 44, 265°, 85%, 52%0, 81, 89, 7
Melon Refresher#F47869244, 120, 1056°, 86%, 68%0, 51, 57, 4
Tamarama#11DDEE17, 221, 238185°, 87%, 50%93, 7, 0, 7
Riviera#189FAC24, 159, 172185°, 76%, 38%86, 8, 0, 33
Dead Sea#77EEEE119, 238, 238180°, 78%, 70%50, 0, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #ED2C1A on #77EEEE3.06:1AA large
Aa #ED2C1A on #11DDEE2.53:1—
Aa #189FAC on #77EEEE2.31:1—
Aa #F47869 on #77EEEE1.97:1—
Aa #11DDEE on #189FAC1.91:1—
Aa #F47869 on #11DDEE1.63:1—

CSS variables

:root {
  --color-1: #ed2c1a; /* Don’t Be Shy */
  --color-2: #f47869; /* Melon Refresher */
  --color-3: #11ddee; /* Tamarama */
  --color-4: #189fac; /* Riviera */
  --color-5: #77eeee; /* Dead Sea */
}

Other schemes from Don’t Be Shy

More Medium Red complementary palettes

Questions

What colors go with Don’t Be Shy?

In a complementary scheme: Melon Refresher (#F47869), Tamarama (#11DDEE), Riviera (#189FAC), Dead Sea (#77EEEE).

What is the hex code of Don’t Be Shy?

#ED2C1A.