Cor nomeada · #FFBB77
Nouveau-Riche
Nouveau-Riche é #FFBB77: rgb(255 187 119), hsl(30 100% 73%), oklch(0.841 0.116 65.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Nouveau-Riche color name →
#FFBB77
oklch(0.841 0.116 65.1)
Conversões de cor
- HEX
- #ffbb77
- RGB
- rgb(255 187 119)
- HSL
- hsl(30 100% 73%)
- HWB
- hwb(30 47% 0%)
- OKLCH
- oklch(0.841 0.116 65.1)
- OKLab
- oklab(0.841 0.049 0.105)
- CIE Lab
- lab(81.29 19.92 44.32)
- LCH
- lch(81.29 48.59 65.8)
- CMYK
- cmyk(0% 27% 53% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFC286
- FFC994
- FFD0A2
- FFD7B0
- FFDEBD
- FFE4CA
- FFEBD8
- FFF2E5
- FFF8F2
Sombras
- DEA267
- BE8A57
- 9E7347
- 805C38
- 63462A
- 48321C
- 2E1F10
- 160D05
- 030201
Tons
- F2B579
- E5AF7B
- D8AA7D
- CBA47E
- BF9E7F
- B29880
- A59280
- 998C80
- 8C8680
Harmonias de cor
Complementar +180°
- FFBB77
Nouveau-Riche
- 9CD1FF
≈ Baby Blue
Análoga -30° +30°
- FFBB77
Nouveau-Riche
- FFB6A4
≈ Nature Apricot
- E2CA6E
≈ Dijon Mustard
Tríade +120° +240°
- FFBB77
Nouveau-Riche
- 63E3D5
≈ Near Moon
- DABBFF
≈ Lavender Fragrance
Complementar dividida +150° +210°
- FFBB77
Nouveau-Riche
- 62DEFA
≈ Athena Blue
- BBC7FF
≈ Light Periwinkle
Tétrade +90° +180° +270°
- FFBB77
Nouveau-Riche
- 8AE1AA
≈ Jovial Jade
- 9CD1FF
≈ Baby Blue
- FAAEE9
≈ Pink Apotheosis
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.62:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.62:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--nouveau-riche: #ffbb77;
--nouveau-riche-rgb: 255 187 119;
--nouveau-riche-oklch: oklch(0.841 0.116 65.1);
}
.element {
color: var(--nouveau-riche);
background-color: hsl(30 100% 73%);
border-color: oklch(0.841 0.116 65.1);
}Tailwind CSS v4
@theme {
--color-nouveau-riche: #ffbb77;
--color-nouveau-riche-50: #fff0d3;
--color-nouveau-riche-100: #ffe1bf;
--color-nouveau-riche-200: #f6cba0;
--color-nouveau-riche-300: #e0ac76;
--color-nouveau-riche-400: #cd8f50;
--color-nouveau-riche-500: #ba7420;
--color-nouveau-riche-600: #9d621e;
--color-nouveau-riche-700: #7e4f18;
--color-nouveau-riche-800: #5e3810;
--color-nouveau-riche-900: #42270a;
--color-nouveau-riche-950: #2a1500;
}SCSS
$nouveau-riche: #ffbb77;
$nouveau-riche-rgb: 255, 187, 119;
$nouveau-riche-light: mix(#fff, $nouveau-riche, 20%);
$nouveau-riche-dark: mix(#000, $nouveau-riche, 20%);
.element {
color: $nouveau-riche;
box-shadow: 0 0 0 2px rgba($nouveau-riche, 0.35);
}