Nearest named color · #FFB873
#FFB873
Nearest named color: Nouveau-Riche
#FFB873 (rgb(255 184 115), hsl(30 100% 73%), oklch(0.835 0.119 64.2)) is closest to the named color Nouveau-Riche. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFB873
oklch(0.835 0.119 64.2)
Color conversions
- HEX
- #ffb873
- RGB
- rgb(255 184 115)
- HSL
- hsl(30 100% 73%)
- HWB
- hwb(30 45% 0%)
- OKLCH
- oklch(0.835 0.119 64.2)
- OKLab
- oklab(0.835 0.052 0.107)
- CIE Lab
- lab(80.54 21.18 45.42)
- LCH
- lch(80.54 50.11 65)
- CMYK
- cmyk(0% 28% 55% 0%)
Tints · Shades · Tones
Tints
- FFBF82
- FFC791
- FFCE9F
- FFD5AD
- FFDCBB
- FFE3C9
- FFEAD6
- FFF1E4
- FFF8F2
Shades
- DEA063
- BE8854
- 9E7145
- 805B36
- 634528
- 48311B
- 2E1E0F
- 160C05
- 030201
Tones
- F2B376
- E5AD78
- D8A87A
- CBA27C
- BF9C7D
- B2977E
- A5917F
- 998C80
- 8C8680
Color harmonies
Complementary +180°
- FFB873
Nouveau-Riche
- 97D0FF
≈ Long Island Sound
Analogous -30° +30°
- FFB873
Nouveau-Riche
- FFB3A1
≈ Peach Pearl
- E2C869
≈ Le Bon Dijon
Triadic +120° +240°
- FFB873
Nouveau-Riche
- 5CE2D2
≈ Jazzy Jade
- D7B9FF
≈ Pink Illusion
Split-complementary +150° +210°
- FFB873
Nouveau-Riche
- 5ADDF8
≈ Electric Lemonade
- B8C6FF
≈ Light Periwinkle
Tetradic +90° +180° +270°
- FFB873
Nouveau-Riche
- 87E0A6
≈ Jovial Jade
- 97D0FF
≈ Long Island Sound
- F8ABE9
≈ Pink Wink
Contrast & accessibility
Ag
FailOn white
WCAG 1.69:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.35:1 · APCA Lc 73
Best text color: #000000
WCAG 12.35:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--nouveau-riche: #ffb873;
--nouveau-riche-rgb: 255 184 115;
--nouveau-riche-oklch: oklch(0.835 0.119 64.2);
}
.element {
color: var(--nouveau-riche);
background-color: hsl(30 100% 73%);
border-color: oklch(0.835 0.119 64.2);
}Tailwind CSS v4
@theme {
--color-nouveau-riche: #ffb873;
--color-nouveau-riche-50: #ffefd2;
--color-nouveau-riche-100: #ffe1bf;
--color-nouveau-riche-200: #f8cb9e;
--color-nouveau-riche-300: #e1ab75;
--color-nouveau-riche-400: #cf8f4e;
--color-nouveau-riche-500: #bc731b;
--color-nouveau-riche-600: #9e611b;
--color-nouveau-riche-700: #7f4e15;
--color-nouveau-riche-800: #5f380e;
--color-nouveau-riche-900: #432609;
--color-nouveau-riche-950: #2b1400;
}SCSS
$nouveau-riche: #ffb873;
$nouveau-riche-rgb: 255, 184, 115;
$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);
}