Colore con nome · #8397D0
Purple Gentian
Purple Gentian è #8397D0: rgb(131 151 208), hsl(224 45% 66%), oklch(0.683 0.088 269.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Purple Gentian color name →
#8397D0
oklch(0.683 0.088 269.1)
Conversioni di colore
- HEX
- #8397d0
- RGB
- rgb(131 151 208)
- HSL
- hsl(224 45% 66%)
- HWB
- hwb(224 51% 18%)
- OKLCH
- oklch(0.683 0.088 269.1)
- OKLab
- oklab(0.683 -0.001 -0.088)
- CIE Lab
- lab(62.56 3.33 -31.93)
- LCH
- lch(62.56 32.11 275.9)
- CMYK
- cmyk(37% 27% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 8FA1D5
- 9BABDA
- A7B6DF
- B3C0E4
- BFCAE9
- CCD5ED
- D8DFF2
- E5EAF6
- F2F4FB
Ombre
- 7183B5
- 606F9A
- 4F5C80
- 3F4967
- 2F374F
- 202639
- 121723
- 060810
- 010102
Toni
- 8395C8
- 8293C0
- 8290B8
- 828EB0
- 828CA8
- 818AA0
- 818798
- 818590
- 808288
Armonie di colore
Complementare +180°
- 8397D0
Purple Gentian
- AF9757
≈ Obsession
Analogo -30° +30°
- 8397D0
Purple Gentian
- 64A1CA
≈ Alaskan Blue
- A18DC8
≈ Classic Bouquet
Triadico +120° +240°
- 8397D0
Purple Gentian
- CA847A
≈ Luscious Lobster
- 72A97C
≈ Light Grass Green
Complementare divisa +150° +210°
- 8397D0
Purple Gentian
- C28C61
≈ Eastlake Gold
- 93A162
≈ Banana Palm
Tetradico +90° +180° +270°
- 8397D0
Purple Gentian
- C68298
≈ Cashmere Rose
- AF9757
≈ Obsession
- 55AB9A
≈ Water Park
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.30:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-gentian: #8397d0;
--purple-gentian-rgb: 131 151 208;
--purple-gentian-oklch: oklch(0.683 0.088 269.1);
}
.element {
color: var(--purple-gentian);
background-color: hsl(224 45% 66%);
border-color: oklch(0.683 0.088 269.1);
}Tailwind CSS v4
@theme {
--color-purple-gentian: #8397d0;
--color-purple-gentian-50: #ecf4ff;
--color-purple-gentian-100: #dde7ff;
--color-purple-gentian-200: #c6d3fb;
--color-purple-gentian-300: #a7b6e5;
--color-purple-gentian-400: #899dd3;
--color-purple-gentian-500: #6e83c1;
--color-purple-gentian-600: #5e6fa3;
--color-purple-gentian-700: #4b5983;
--color-purple-gentian-800: #354161;
--color-purple-gentian-900: #242d44;
--color-purple-gentian-950: #131a2c;
}SCSS
$purple-gentian: #8397d0;
$purple-gentian-rgb: 131, 151, 208;
$purple-gentian-light: mix(#fff, $purple-gentian, 20%);
$purple-gentian-dark: mix(#000, $purple-gentian, 20%);
.element {
color: $purple-gentian;
box-shadow: 0 0 0 2px rgba($purple-gentian, 0.35);
}