Colore con nome · #998DA8
Futuristic
Futuristic è #998DA8: rgb(153 141 168), hsl(267 13% 61%), oklch(0.663 0.042 305.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Futuristic color name →
#998DA8
oklch(0.663 0.042 305.4)
Conversioni di colore
- HEX
- #998da8
- RGB
- rgb(153 141 168)
- HSL
- hsl(267 13% 61%)
- HWB
- hwb(267 55% 34%)
- OKLCH
- oklch(0.663 0.042 305.4)
- OKLab
- oklab(0.663 0.024 -0.034)
- CIE Lab
- lab(60.39 8.6 -12.6)
- LCH
- lch(60.39 15.26 304.3)
- CMYK
- cmyk(9% 16% 0% 34%)
Tinte · Ombre · Toni
Tinte
- A398B0
- ADA3B9
- B7AEC2
- C1B9CA
- CBC5D3
- D5D0DC
- DFDCE4
- EAE7ED
- F4F3F6
Ombre
- 847A92
- 70677C
- 5D5567
- 4A4452
- 38333F
- 27232C
- 17141A
- 08070A
- 010101
Toni
- 968CA4
- 948AA0
- 91899C
- 8F8898
- 8C8794
- 8A8590
- 87848C
- 858388
- 828184
Armonie di colore
Complementare +180°
- 998DA8
Futuristic
- 8D987C
≈ Leaflet
Analogo -30° +30°
- 998DA8
Futuristic
- 8B92AD
≈ Sephiroth Grey
- A48A9D
≈ Vesuvian Violet
Triadico +120° +240°
- 998DA8
Futuristic
- A58E79
≈ Utaupeia
- 779C96
≈ Avalon
Complementare divisa +150° +210°
- 998DA8
Futuristic
- 9B9377
≈ Grassy Savannah
- 7F9B88
≈ Parisian Patina
Tetradico +90° +180° +270°
- 998DA8
Futuristic
- AB8B82
≈ Forest Trail
- 8D987C
≈ Leaflet
- 769AA3
≈ Great Fennel Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--futuristic: #998da8;
--futuristic-rgb: 153 141 168;
--futuristic-oklch: oklch(0.663 0.042 305.4);
}
.element {
color: var(--futuristic);
background-color: hsl(267 13% 61%);
border-color: oklch(0.663 0.042 305.4);
}Tailwind CSS v4
@theme {
--color-futuristic: #998da8;
--color-futuristic-50: #f8f2ff;
--color-futuristic-100: #ebe4f3;
--color-futuristic-200: #d9d0e2;
--color-futuristic-300: #bdb2c8;
--color-futuristic-400: #a499b3;
--color-futuristic-500: #8d809d;
--color-futuristic-600: #776c84;
--color-futuristic-700: #5f566a;
--color-futuristic-800: #453f4e;
--color-futuristic-900: #302b37;
--color-futuristic-950: #1c1921;
}SCSS
$futuristic: #998da8;
$futuristic-rgb: 153, 141, 168;
$futuristic-light: mix(#fff, $futuristic, 20%);
$futuristic-dark: mix(#000, $futuristic, 20%);
.element {
color: $futuristic;
box-shadow: 0 0 0 2px rgba($futuristic, 0.35);
}