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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Orange Danger | #DD6600 | 221, 102, 0 | 28°, 100%, 43% | 0, 54, 100, 13 | |
| Guava | #FF982E | 255, 152, 46 | 30°, 100%, 59% | 0, 40, 82, 0 | |
| Nouveau-Riche | #FFBB77 | 255, 187, 119 | 30°, 100%, 73% | 0, 27, 53, 0 | |
| Creamy Beige | #FDE1C5 | 253, 225, 197 | 30°, 93%, 88% | 0, 11, 22, 1 | |
| Doeskin | #FFF2E4 | 255, 242, 228 | 31°, 100%, 95% | 0, 5, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD6600 on #FFF2E4 | 3.19:1 | AA large |
| Aa #DD6600 on #FDE1C5 | 2.80:1 | — |
| Aa #DD6600 on #FFBB77 | 2.11:1 | — |
| Aa #FF982E on #FFF2E4 | 1.95:1 | — |
| Aa #FF982E on #FDE1C5 | 1.71:1 | — |
| Aa #DD6600 on #FF982E | 1.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
- Nouveau-Riche Complementary Color Scheme#FFBB77#FFEBD1#77BBFF#3399FF#DDEEFF
- Nouveau-Riche Analogous Color Scheme#FF77BB#FF7777#FFBB77#FFFF77#BEFD73
- Nouveau-Riche Triadic Color Scheme#FFBB77#7EFFBA#BF77F6#FFEEDD#36FF9A
- Nouveau-Riche Split-complementary Color Scheme#FFBB77#73FDFF#7777FF#FF982E#C7FFFF
- Nouveau-Riche Tetradic Color Scheme#FFBB77#77FF77#77BBFF#FF77FF#FFEEDD
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
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.