Huebook

Nattō Analogous Color Scheme

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

#C74375
#CC5544
#C79843
#B2C346
#7AC34F

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Fuchsia Rose#C74375199, 67, 117337°, 54%, 52%0, 66, 41, 2258.1% 0.172 1
Chilli Cashew#CC5544204, 85, 687°, 57%, 53%0, 58, 67, 2060.0% 0.155 30
Nattō#C79843199, 152, 6739°, 54%, 52%0, 24, 66, 2270.8% 0.116 80
Rainforest Glow#B2C346178, 195, 7068°, 51%, 52%9, 0, 64, 2478.0% 0.149 117
Conceptual#7AC34F122, 195, 7998°, 49%, 54%37, 0, 59, 2474.4% 0.167 136

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C74375 on #B2C3462.40:1—
Aa #CC5544 on #B2C3462.18:1—
Aa #C74375 on #7AC34F2.17:1—
Aa #CC5544 on #7AC34F1.97:1—
Aa #C74375 on #C798431.78:1—
Aa #CC5544 on #C798431.62:1—

CSS variables

:root {
  --color-1: #c74375; /* Fuchsia Rose */
  --color-2: #cc5544; /* Chilli Cashew */
  --color-3: #c79843; /* Nattō */
  --color-4: #b2c346; /* Rainforest Glow */
  --color-5: #7ac34f; /* Conceptual */
}

Other schemes from Nattō

More medium orange analogous color schemes

Questions

What colors go with Nattō?

In a analogous scheme: Fuchsia Rose (#C74375), Chilli Cashew (#CC5544), Rainforest Glow (#B2C346), Conceptual (#7AC34F).

What is the hex code of Nattō?

#C79843.