Benannte Farbe · #BF6464
Faded Rose
Faded Rose ist #BF6464: rgb(191 100 100), hsl(0 42% 57%), oklch(0.609 0.117 21.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Faded Rose color name →
#BF6464
oklch(0.609 0.117 21.1)
Farbumrechnungen
- HEX
- #bf6464
- RGB
- rgb(191 100 100)
- HSL
- hsl(0 42% 57%)
- HWB
- hwb(0 39% 25%)
- OKLCH
- oklch(0.609 0.117 21.1)
- OKLab
- oklab(0.609 0.109 0.042)
- CIE Lab
- lab(53.49 37.18 17.45)
- LCH
- lch(53.49 41.07 25.1)
- CMYK
- cmyk(0% 48% 48% 25%)
Tints · Shades · Tones
Tints
- C77473
- CE8381
- D59290
- DCA2A0
- E3B1AF
- E9C0BF
- EFD0CE
- F5DFDE
- FAEFEF
Shades
- A65656
- 8D4848
- 753B3B
- 5E2E2E
- 482222
- 331616
- 1F0B0B
- 0D0303
- 020000
Tones
- B96867
- B46B6A
- AE6E6D
- A87170
- A27472
- 9C7775
- 957978
- 8E7C7B
- 877E7D
Farbharmonien
Komplementär +180°
- BF6464
Faded Rose
- 00959C
≈ Peacock Feather
Analog -30° +30°
- BF6464
Faded Rose
- B7648B
≈ Malevolent Mauve
- BA6D3C
≈ Oak Palace
Triadisch +120° +240°
- BF6464
Faded Rose
- 599450
≈ Wicked Witch
- 5A82C9
≈ Bodega Bay
Geteilt komplementär +150° +210°
- BF6464
Faded Rose
- 0E997A
≈ Cadaverous
- 198FBC
≈ Swimmer
Tetradisch +90° +180° +270°
- BF6464
Faded Rose
- 868929
≈ Buffy Citrine
- 00959C
≈ Peacock Feather
- 8475C3
≈ Ube
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.22:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.22:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--faded-rose: #bf6464;
--faded-rose-rgb: 191 100 100;
--faded-rose-oklch: oklch(0.609 0.117 21.1);
}
.element {
color: var(--faded-rose);
background-color: hsl(0 42% 57%);
border-color: oklch(0.609 0.117 21.1);
}Tailwind CSS v4
@theme {
--color-faded-rose: #bf6464;
--color-faded-rose-50: #ffe9e6;
--color-faded-rose-100: #ffd9d6;
--color-faded-rose-200: #ffc1bd;
--color-faded-rose-300: #eda09b;
--color-faded-rose-400: #db8180;
--color-faded-rose-500: #c86364;
--color-faded-rose-600: #a95455;
--color-faded-rose-700: #884344;
--color-faded-rose-800: #653032;
--color-faded-rose-900: #472122;
--color-faded-rose-950: #2e1011;
}SCSS
$faded-rose: #bf6464;
$faded-rose-rgb: 191, 100, 100;
$faded-rose-light: mix(#fff, $faded-rose, 20%);
$faded-rose-dark: mix(#000, $faded-rose, 20%);
.element {
color: $faded-rose;
box-shadow: 0 0 0 2px rgba($faded-rose, 0.35);
}