Couleur nommée · #BF6464
Faded Rose
Faded Rose correspond à #BF6464 : rgb(191 100 100), hsl(0 42% 57%), oklch(0.609 0.117 21.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Faded Rose color name →
#BF6464
oklch(0.609 0.117 21.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C77473
- CE8381
- D59290
- DCA2A0
- E3B1AF
- E9C0BF
- EFD0CE
- F5DFDE
- FAEFEF
Ombres
- A65656
- 8D4848
- 753B3B
- 5E2E2E
- 482222
- 331616
- 1F0B0B
- 0D0303
- 020000
Tons
- B96867
- B46B6A
- AE6E6D
- A87170
- A27472
- 9C7775
- 957978
- 8E7C7B
- 877E7D
Harmonies de couleurs
Complémentaire +180°
- BF6464
Faded Rose
- 00959C
≈ Peacock Feather
Analogue -30° +30°
- BF6464
Faded Rose
- B7648B
≈ Malevolent Mauve
- BA6D3C
≈ Oak Palace
Triadique +120° +240°
- BF6464
Faded Rose
- 599450
≈ Wicked Witch
- 5A82C9
≈ Bodega Bay
Complémentaire divisée +150° +210°
- BF6464
Faded Rose
- 0E997A
≈ Cadaverous
- 198FBC
≈ Swimmer
Tétradique +90° +180° +270°
- BF6464
Faded Rose
- 868929
≈ Buffy Citrine
- 00959C
≈ Peacock Feather
- 8475C3
≈ Ube
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.02:1 · APCA Lc 67
Ag
AASur noir
WCAG 5.22:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.22:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
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);
}