Benannte Farbe · #F7B1A6
Riviera Rose
Riviera Rose ist #F7B1A6: rgb(247 177 166), hsl(8 84% 81%), oklch(0.823 0.084 29). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Riviera Rose color name →
#F7B1A6
oklch(0.823 0.084 29)
Farbumrechnungen
- HEX
- #f7b1a6
- RGB
- rgb(247 177 166)
- HSL
- hsl(8 84% 81%)
- HWB
- hwb(8 65% 3%)
- OKLCH
- oklch(0.823 0.084 29)
- OKLab
- oklab(0.823 0.073 0.041)
- CIE Lab
- lab(78.77 25.26 16.34)
- LCH
- lch(78.77 30.09 32.9)
- CMYK
- cmyk(0% 28% 33% 3%)
Tints · Shades · Tones
Tints
- F8B9AF
- FAC1B8
- FBC9C0
- FCD0C9
- FDD8D2
- FEE0DB
- FEE8E4
- FFEFED
- FFF7F6
Shades
- D79990
- B7837A
- 996C65
- 7C5751
- 60423E
- 452F2B
- 2C1C1A
- 150C0A
- 030101
Tones
- EBACA2
- DFA79E
- D3A29B
- C79E97
- BB9993
- AF948F
- A38F8B
- 988A88
- 8C8584
Farbharmonien
Komplementär +180°
- F7B1A6
Riviera Rose
- 80D5E2
≈ Middle Blue
Analog -30° +30°
- F7B1A6
Riviera Rose
- F3AFC4
≈ Nadeshiko Pink
- EFB88E
≈ Melón Meloso
Triadisch +120° +240°
- F7B1A6
Riviera Rose
- 9FD5A8
≈ Chinook
- AFC4FD
≈ Night Snow
Geteilt komplementär +150° +210°
- F7B1A6
Riviera Rose
- 86D7C6
≈ Ice Green
- 92CDF6
≈ Pacific Ocean
Tetradisch +90° +180° +270°
- F7B1A6
Riviera Rose
- BFCD8F
≈ Natural Green
- 80D5E2
≈ Middle Blue
- CCBAF5
≈ Connecticut Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.78:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.79:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--riviera-rose: #f7b1a6;
--riviera-rose-rgb: 247 177 166;
--riviera-rose-oklch: oklch(0.823 0.084 29);
}
.element {
color: var(--riviera-rose);
background-color: hsl(8 84% 81%);
border-color: oklch(0.823 0.084 29);
}Tailwind CSS v4
@theme {
--color-riviera-rose: #f7b1a6;
--color-riviera-rose-50: #ffede7;
--color-riviera-rose-100: #ffded7;
--color-riviera-rose-200: #f6c8bf;
--color-riviera-rose-300: #dfa89d;
--color-riviera-rose-400: #cb8c82;
--color-riviera-rose-500: #b77066;
--color-riviera-rose-600: #9b5f56;
--color-riviera-rose-700: #7c4c45;
--color-riviera-rose-800: #5c3732;
--color-riviera-rose-900: #412522;
--color-riviera-rose-950: #291411;
}SCSS
$riviera-rose: #f7b1a6;
$riviera-rose-rgb: 247, 177, 166;
$riviera-rose-light: mix(#fff, $riviera-rose, 20%);
$riviera-rose-dark: mix(#000, $riviera-rose, 20%);
.element {
color: $riviera-rose;
box-shadow: 0 0 0 2px rgba($riviera-rose, 0.35);
}