Huebook

Igniting Analogous Color Scheme

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

#F29CB7
#F7AA97
#F4D69A
#EFF19D
#BBEE99

Color names and codes

NameHEXRGBHSLCMYK
Harmonious Rose#F29CB7242, 156, 183341°, 77%, 78%0, 36, 24, 5
Duchess Rose#F7AA97247, 170, 15112°, 86%, 78%0, 31, 39, 3
Igniting#F4D69A244, 214, 15440°, 80%, 78%0, 12, 37, 4
Leaf Bud#EFF19D239, 241, 15761°, 75%, 78%1, 0, 35, 5
Sweet Mint Pesto#BBEE99187, 238, 15396°, 71%, 77%21, 0, 36, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F29CB7 on #EFF19D1.74:1—
Aa #F7AA97 on #EFF19D1.59:1—
Aa #F29CB7 on #BBEE991.55:1—
Aa #F29CB7 on #F4D69A1.46:1—
Aa #F7AA97 on #BBEE991.42:1—
Aa #F7AA97 on #F4D69A1.34:1—

CSS variables

:root {
  --color-1: #f29cb7; /* Harmonious Rose */
  --color-2: #f7aa97; /* Duchess Rose */
  --color-3: #f4d69a; /* Igniting */
  --color-4: #eff19d; /* Leaf Bud */
  --color-5: #bbee99; /* Sweet Mint Pesto */
}

Other schemes from Igniting

More Light Orange analogous palettes

Questions

What colors go with Igniting?

In a analogous scheme: Harmonious Rose (#F29CB7), Duchess Rose (#F7AA97), Leaf Bud (#EFF19D), Sweet Mint Pesto (#BBEE99).

What is the hex code of Igniting?

#F4D69A.