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

NameHEXRGBHSLCMYKOKLCH
Orange Danger#DD6600221, 102, 028°, 100%, 43%0, 54, 100, 1364.5% 0.172 49
Guava#FF982E255, 152, 4630°, 100%, 59%0, 40, 82, 077.2% 0.165 61
Nouveau-Riche#FFBB77255, 187, 11930°, 100%, 73%0, 27, 53, 084.1% 0.116 65
Creamy Beige#FDE1C5253, 225, 19730°, 93%, 88%0, 11, 22, 192.6% 0.048 67
Doeskin#FFF2E4255, 242, 22831°, 100%, 95%0, 5, 11, 096.8% 0.023 70

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 color schemes

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.