Huebook

Macaroni Analogous Color Scheme

Five colors arranged by the analogous rule around Macaroni (#F3D085), each snapped to its nearest named color.

#F485AC
#F29B89
#F3D085
#DFE384
#BBEE88

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Brown Knapweed#F485AC244, 133, 172339°, 83%, 74%0, 45, 30, 474.9% 0.141 359
Rose Essence#F29B89242, 155, 13710°, 80%, 74%0, 36, 43, 577.3% 0.108 32
Macaroni#F3D085243, 208, 13341°, 82%, 74%0, 14, 45, 587.1% 0.102 85
Grape Cassata#DFE384223, 227, 13263°, 63%, 70%2, 0, 42, 1189.2% 0.118 111
Green Day#BBEE88187, 238, 13690°, 75%, 73%21, 0, 43, 789.1% 0.141 131

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F485AC on #BBEE881.78:1—
Aa #F485AC on #DFE3841.76:1—
Aa #F485AC on #F3D0851.61:1—
Aa #F29B89 on #BBEE881.60:1—
Aa #F29B89 on #DFE3841.57:1—
Aa #F29B89 on #F3D0851.44:1—

CSS variables

:root {
  --color-1: #f485ac; /* Brown Knapweed */
  --color-2: #f29b89; /* Rose Essence */
  --color-3: #f3d085; /* Macaroni */
  --color-4: #dfe384; /* Grape Cassata */
  --color-5: #bbee88; /* Green Day */
}

Other schemes from Macaroni

More light orange analogous color schemes

Questions

What colors go with Macaroni?

In a analogous scheme: Brown Knapweed (#F485AC), Rose Essence (#F29B89), Grape Cassata (#DFE384), Green Day (#BBEE88).

What is the hex code of Macaroni?

#F3D085.