Huebook

Buttery Croissant Analogous Color Scheme

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

#F498AD
#F5B799
#F6E19C
#D8F19C
#B1FC99

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Flower Girl#F498AD244, 152, 173346°, 81%, 78%0, 38, 29, 477.9% 0.113 5
Mandys Pink#F5B799245, 183, 15320°, 82%, 78%0, 25, 38, 482.9% 0.083 47
Buttery Croissant#F6E19C246, 225, 15646°, 83%, 79%0, 9, 37, 491.1% 0.090 93
Creamy Avocado#D8F19C216, 241, 15678°, 75%, 78%10, 0, 35, 592.0% 0.112 122
Pale Light Green#B1FC99177, 252, 153105°, 94%, 79%30, 0, 39, 191.9% 0.149 138

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F498AD on #B1FC991.74:1—
Aa #F498AD on #D8F19C1.71:1—
Aa #F498AD on #F6E19C1.63:1—
Aa #F5B799 on #B1FC991.42:1—
Aa #F5B799 on #D8F19C1.40:1—
Aa #F5B799 on #F6E19C1.33:1—

CSS variables

:root {
  --color-1: #f498ad; /* Flower Girl */
  --color-2: #f5b799; /* Mandys Pink */
  --color-3: #f6e19c; /* Buttery Croissant */
  --color-4: #d8f19c; /* Creamy Avocado */
  --color-5: #b1fc99; /* Pale Light Green */
}

Other schemes from Buttery Croissant

More light yellow analogous color schemes

Questions

What colors go with Buttery Croissant?

In a analogous scheme: Flower Girl (#F498AD), Mandys Pink (#F5B799), Creamy Avocado (#D8F19C), Pale Light Green (#B1FC99).

What is the hex code of Buttery Croissant?

#F6E19C.