Huebook

Coffee Whip Triadic Color Scheme

Five colors arranged by the triadic rule around Coffee Whip (#DF9D5B), each snapped to its nearest named color.

#DF9D5B
#5CCD97
#9955CC
#F0D0B0
#21C36F

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Coffee Whip#DF9D5B223, 157, 9130°, 67%, 62%0, 30, 59, 1374.7% 0.114 64
Vegetation#5CCD9792, 205, 151151°, 53%, 58%55, 0, 26, 2076.8% 0.131 160
Morado Purple#9955CC153, 85, 204274°, 54%, 57%25, 58, 0, 2058.2% 0.182 308
Baby Fragrance#F0D0B0240, 208, 17630°, 68%, 82%0, 13, 27, 687.7% 0.056 67
Algal Fuel#21C36F33, 195, 111149°, 71%, 45%83, 0, 43, 2472.0% 0.175 154

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9955CC on #F0D0B03.17:1AA large
Aa #5CCD97 on #9955CC2.35:1—
Aa #DF9D5B on #9955CC2.01:1—
Aa #9955CC on #21C36F2.01:1—
Aa #F0D0B0 on #21C36F1.58:1—
Aa #DF9D5B on #F0D0B01.58:1—

CSS variables

:root {
  --color-1: #df9d5b; /* Coffee Whip */
  --color-2: #5ccd97; /* Vegetation */
  --color-3: #9955cc; /* Morado Purple */
  --color-4: #f0d0b0; /* Baby Fragrance */
  --color-5: #21c36f; /* Algal Fuel */
}

Other schemes from Coffee Whip

More light orange triadic color schemes

Questions

What colors go with Coffee Whip?

In a triadic scheme: Vegetation (#5CCD97), Morado Purple (#9955CC), Baby Fragrance (#F0D0B0), Algal Fuel (#21C36F).

What is the hex code of Coffee Whip?

#DF9D5B.