Huebook

Nouveau-Riche Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Nouveau-Riche (#FFBB77), each snapped to its nearest named color.

#DD6600
#FF982E
#FFBB77
#FDE1C5
#FFF2E4

Color names and codes

NameHEXRGBHSLCMYK
Orange Danger#DD6600221, 102, 028°, 100%, 43%0, 54, 100, 13
Guava#FF982E255, 152, 4630°, 100%, 59%0, 40, 82, 0
Nouveau-Riche#FFBB77255, 187, 11930°, 100%, 73%0, 27, 53, 0
Creamy Beige#FDE1C5253, 225, 19730°, 93%, 88%0, 11, 22, 1
Doeskin#FFF2E4255, 242, 22831°, 100%, 95%0, 5, 11, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD6600 on #FFF2E43.19:1AA large
Aa #DD6600 on #FDE1C52.80:1—
Aa #DD6600 on #FFBB772.11:1—
Aa #FF982E on #FFF2E41.95:1—
Aa #FF982E on #FDE1C51.71:1—
Aa #DD6600 on #FF982E1.64:1—

CSS variables

:root {
  --color-1: #dd6600; /* Orange Danger */
  --color-2: #ff982e; /* Guava */
  --color-3: #ffbb77; /* Nouveau-Riche */
  --color-4: #fde1c5; /* Creamy Beige */
  --color-5: #fff2e4; /* Doeskin */
}

Other schemes from Nouveau-Riche

More Light Orange monochromatic palettes

Questions

What colors go with Nouveau-Riche?

In a monochromatic scheme: Orange Danger (#DD6600), Guava (#FF982E), Creamy Beige (#FDE1C5), Doeskin (#FFF2E4).

What is the hex code of Nouveau-Riche?

#FFBB77.