Colore con nome · #82476F
Grape Kiss
Grape Kiss è #82476F: rgb(130 71 111), hsl(319 29% 39%), oklch(0.483 0.096 340.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Grape Kiss color name →
#82476F
oklch(0.483 0.096 340.4)
Conversioni di colore
- HEX
- #82476f
- RGB
- rgb(130 71 111)
- HSL
- hsl(319 29% 39%)
- HWB
- hwb(319 28% 49%)
- OKLCH
- oklch(0.483 0.096 340.4)
- OKLab
- oklab(0.483 0.091 -0.032)
- CIE Lab
- lab(38.63 30 -11.78)
- LCH
- lch(38.63 32.23 338.6)
- CMYK
- cmyk(0% 45% 15% 49%)
Tinte · Ombre · Toni
Tinte
- 8F587D
- 9B6A8A
- A87C98
- B58EA6
- C1A0B5
- CEB2C3
- DAC5D2
- E6D8E1
- F3EBF0
Ombre
- 703D60
- 5F3251
- 4E2842
- 3E1F34
- 2F1627
- 200D1A
- 12060E
- 060204
- 010001
Toni
- 824D71
- 835373
- 835974
- 835F76
- 836478
- 836A79
- 826F7B
- 82757D
- 817B7E
Armonie di colore
Complementare +180°
- 82476F
Grape Kiss
- 1C6F4C
≈ Precious Emerald
Analogo -30° +30°
- 82476F
Grape Kiss
- 6F4E87
≈ Affair
- 8C4551
≈ Dull Magenta
Triadico +120° +240°
- 82476F
Grape Kiss
- 6B5F0B
≈ Green Brown
- 006981
≈ Pilot Blue
Complementare divisa +150° +210°
- 82476F
Grape Kiss
- 4B692A
≈ Tree Shade
- 006D69
≈ Ocean Oasis
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.81:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.08:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--grape-kiss: #82476f;
--grape-kiss-rgb: 130 71 111;
--grape-kiss-oklch: oklch(0.483 0.096 340.4);
}
.element {
color: var(--grape-kiss);
background-color: hsl(319 29% 39%);
border-color: oklch(0.483 0.096 340.4);
}Tailwind CSS v4
@theme {
--color-grape-kiss: #82476f;
--color-grape-kiss-50: #ffebfd;
--color-grape-kiss-100: #ffdcf1;
--color-grape-kiss-200: #f3c5e0;
--color-grape-kiss-300: #dba4c5;
--color-grape-kiss-400: #c588b0;
--color-grape-kiss-500: #b16c9a;
--color-grape-kiss-600: #955b82;
--color-grape-kiss-700: #784968;
--color-grape-kiss-800: #58354e;
--color-grape-kiss-900: #3e2436;
--color-grape-kiss-950: #271321;
}SCSS
$grape-kiss: #82476f;
$grape-kiss-rgb: 130, 71, 111;
$grape-kiss-light: mix(#fff, $grape-kiss, 20%);
$grape-kiss-dark: mix(#000, $grape-kiss, 20%);
.element {
color: $grape-kiss;
box-shadow: 0 0 0 2px rgba($grape-kiss, 0.35);
}