#AF8977 — Nougat Color · Hex, RGB & Palettes

COLOR

#AF8977

≈ Nougat

Values · copy any

On white

3.15:1

AA · large text

On black

5.56:1

Passes AA

Best text on this color

Aa#1C1916(5.56:1)

Adjust & explore

drag the picker or wheel — values & harmonies update live

Picker · drag to explore

Hue19°Saturation32%Brightness69%

Wheel

Build a scheme →

Harmonies · live

Colour-blindness preview

Normal vision#AF8977

Protanopia#938C76

Deuteranopia#9C9477

Tritanopia#B98384

Tints & shades

Color harmonies

Open in scheme generator →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Monochromatic

Palettes with this color

Plum Mushroom Taupe Palette≈Clay Mushroom Cream Palette≈Plum Clay Mushroom Palette≈Mushroom Latte Sand Palette≈Camel Sage Silver Palette≈Brick Clay Mushroom Palette≈Moss Mushroom Taupe Palette≈

Colors that go with Nougat

Nougat sits in the orange family. Pair it with teal, cool blues or cream and sand for a soft, earthy scheme, or lean into its harmonies below for a ready-made scheme.

Grauzone#779DAF Turquoise Fantasies#77AFA5 English Manor#7781AF Never Forget#AF7781 Coconut Agony#ECEAE9 Kilimanjaro#3B3735

Closest named, CSS & systems

Colour nameNougat#AE8A78ΔE 0.7 CSS nameRosybrown#BC8F8FΔE 9.0 Web-safe#CC9999#CC9999ΔE 11.2

Pantone & RAL matches are coming soon — those libraries aren't openly licensed for redistribution.

Nougat — meaning & where to use it

Nougat is a bright orange — it reads as warm, friendly and inviting. It's a natural fit for lifestyle, wellness and playful consumer brands, and cheerful call-to-action buttons. To keep it balanced, pair it with teal, cool blues or cream and sand for a soft, earthy scheme.

Share image

Download image

Nougat color card — #AF8977, 175, 137, 119

1200×1500 — sized for Pinterest, Instagram & social sharing. Free to download and use.