Colore con nome · #880066
Grapest
Grapest è #880066: rgb(136 0 102), hsl(315 100% 27%), oklch(0.42 0.18 343). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Grapest color name →
#880066
oklch(0.42 0.18 343)
Conversioni di colore
- HEX
- #880066
- RGB
- rgb(136 0 102)
- HSL
- hsl(315 100% 27%)
- HWB
- hwb(315 0% 47%)
- OKLCH
- oklch(0.42 0.18 343)
- OKLab
- oklab(0.42 0.172 -0.053)
- CIE Lab
- lab(30.12 55.19 -18.9)
- LCH
- lch(30.12 58.34 341.1)
- CMYK
- cmyk(0% 100% 25% 47%)
Tinte · Ombre · Toni
Tinte
- 962B74
- A44683
- B15D92
- BD74A1
- C98BB0
- D5A2C0
- E0B9CF
- EBD0DF
- F5E7EF
Ombre
- 750058
- 63004A
- 52003C
- 41002F
- 310023
- 220017
- 13000C
- 060004
- 010000
Toni
- 891D69
- 8A2D6C
- 8A3A6E
- 8A4671
- 895074
- 895A76
- 876479
- 856D7B
- 83777E
Armonie di colore
Complementare +180°
- 880066
Grapest
- 005C3E
≈ Spruce
Analogo -30° +30°
- 880066
Grapest
- 6E1D90
≈ Sapphire Siren
- 920032
≈ Madrileño Maroon
Triadico +120° +240°
- 880066
Grapest
- 564E00
≈ Scorzonera Brown
- 00566C
≈ Submersible
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
- 880066
Grapest
- 6A4400
≈ Violin Brown
- 005C3E
≈ Spruce
- 004D91
≈ Yale Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.38:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.23:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 9.38:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--grapest: #880066;
--grapest-rgb: 136 0 102;
--grapest-oklch: oklch(0.42 0.18 343);
}
.element {
color: var(--grapest);
background-color: hsl(315 100% 27%);
border-color: oklch(0.42 0.18 343);
}Tailwind CSS v4
@theme {
--color-grapest: #880066;
--color-grapest-50: #ffe1ff;
--color-grapest-100: #ffd0f6;
--color-grapest-200: #ffb5e6;
--color-grapest-300: #f890cc;
--color-grapest-400: #e46eba;
--color-grapest-500: #d148a5;
--color-grapest-600: #b13e8b;
--color-grapest-700: #8e3270;
--color-grapest-800: #692355;
--color-grapest-900: #4a173b;
--color-grapest-950: #300725;
}SCSS
$grapest: #880066;
$grapest-rgb: 136, 0, 102;
$grapest-light: mix(#fff, $grapest, 20%);
$grapest-dark: mix(#000, $grapest, 20%);
.element {
color: $grapest;
box-shadow: 0 0 0 2px rgba($grapest, 0.35);
}