Colore con nome · #B63753
Raspberry Wine
Raspberry Wine è #B63753: rgb(182 55 83), hsl(347 54% 46%), oklch(0.531 0.163 11.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Raspberry Wine color name →
#B63753
oklch(0.531 0.163 11.7)
Conversioni di colore
- HEX
- #b63753
- RGB
- rgb(182 55 83)
- HSL
- hsl(347 54% 46%)
- HWB
- hwb(347 22% 29%)
- OKLCH
- oklch(0.531 0.163 11.7)
- OKLab
- oklab(0.531 0.16 0.033)
- CIE Lab
- lab(43.76 52.99 14.32)
- LCH
- lch(43.76 54.89 15.1)
- CMYK
- cmyk(0% 70% 54% 29%)
Tinte · Ombre · Toni
Tinte
- C04E63
- C96373
- D27783
- DA8A94
- E19EA5
- E8B1B7
- EFC4C8
- F5D8DA
- FAEBED
Ombre
- 9E2E47
- 86263B
- 6F1E30
- 591625
- 440F1B
- 300811
- 1D0308
- 0C0102
- 020000
Toni
- B24257
- AE4B5C
- AA5360
- A55A65
- A06269
- 9A686E
- 956E72
- 8E7577
- 887A7B
Armonie di colore
Complementare +180°
- B63753
Raspberry Wine
- 007C79
≈ Navajo Turquoise
Analogo -30° +30°
- B63753
Raspberry Wine
- A73C86
≈ Wild Aster
- B44200
≈ Martian Ironcrust
Triadico +120° +240°
- B63753
Raspberry Wine
- 4B7C00
≈ Tropicana
- 006DC3
≈ Indigo Carmine
Complementare divisa +150° +210°
- B63753
Raspberry Wine
- 008056
≈ Irish Beauty
- 007894
≈ Celestial
Tetradico +90° +180° +270°
- B63753
Raspberry Wine
- 7A6D00
≈ Sunlit Kelp Green
- 007C79
≈ Navajo Turquoise
- 605AC6
≈ Circumorbital Ring
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.73:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.66:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--raspberry-wine: #b63753;
--raspberry-wine-rgb: 182 55 83;
--raspberry-wine-oklch: oklch(0.531 0.163 11.7);
}
.element {
color: var(--raspberry-wine);
background-color: hsl(347 54% 46%);
border-color: oklch(0.531 0.163 11.7);
}Tailwind CSS v4
@theme {
--color-raspberry-wine: #b63753;
--color-raspberry-wine-50: #ffe3e7;
--color-raspberry-wine-100: #ffd2d8;
--color-raspberry-wine-200: #ffb7bf;
--color-raspberry-wine-300: #ff939e;
--color-raspberry-wine-400: #ee7185;
--color-raspberry-wine-500: #db4c69;
--color-raspberry-wine-600: #b9415a;
--color-raspberry-wine-700: #953447;
--color-raspberry-wine-800: #6f2436;
--color-raspberry-wine-900: #4e1825;
--color-raspberry-wine-950: #330813;
}SCSS
$raspberry-wine: #b63753;
$raspberry-wine-rgb: 182, 55, 83;
$raspberry-wine-light: mix(#fff, $raspberry-wine, 20%);
$raspberry-wine-dark: mix(#000, $raspberry-wine, 20%);
.element {
color: $raspberry-wine;
box-shadow: 0 0 0 2px rgba($raspberry-wine, 0.35);
}