Colore con nome · #363151
Astral Aura
Astral Aura è #363151: rgb(54 49 81), hsl(249 25% 25%), oklch(0.334 0.056 290.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Astral Aura color name →
#363151
oklch(0.334 0.056 290.2)
Conversioni di colore
- HEX
- #363151
- RGB
- rgb(54 49 81)
- HSL
- hsl(249 25% 25%)
- HWB
- hwb(249 19% 68%)
- OKLCH
- oklch(0.334 0.056 290.2)
- OKLab
- oklab(0.334 0.019 -0.052)
- CIE Lab
- lab(22.02 8.75 -18.96)
- LCH
- lch(22.02 20.88 294.8)
- CMYK
- cmyk(33% 40% 0% 68%)
Tinte · Ombre · Toni
Tinte
- 474361
- 595672
- 6C6982
- 807D93
- 9492A5
- A8A7B6
- BDBCC8
- D3D2DA
- E9E8EC
Ombre
- 2E2945
- 25223A
- 1E1A2F
- 161324
- 0F0C1A
- 080610
- 030307
- 010102
- 000000
Toni
- 3D3956
- 44405B
- 4B485F
- 525064
- 595769
- 615F6E
- 686772
- 707077
- 78787B
Armonie di colore
Complementare +180°
- 363151
Astral Aura
- 383914
≈ Camouflage
Analogo -30° +30°
- 363151
Astral Aura
- 253653
≈ Midnight Escapade
- 432C48
≈ Purple Pennant
Triadico +120° +240°
- 363151
Astral Aura
- 4D2D1B
≈ Bittersweet Chocolate
- 113F32
≈ Mizukaze Green
Complementare divisa +150° +210°
- 363151
Astral Aura
- 453310
≈ Night in the Woods
- 263D21
≈ Queen of Trees
Tetradico +90° +180° +270°
- 363151
Astral Aura
- 4F2A2A
≈ Heath
- 383914
≈ Camouflage
- 023F42
≈ Rich Black
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.24:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.71:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.24:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--astral-aura: #363151;
--astral-aura-rgb: 54 49 81;
--astral-aura-oklch: oklch(0.334 0.056 290.2);
}
.element {
color: var(--astral-aura);
background-color: hsl(249 25% 25%);
border-color: oklch(0.334 0.056 290.2);
}Tailwind CSS v4
@theme {
--color-astral-aura: #363151;
--color-astral-aura-50: #f5f3ff;
--color-astral-aura-100: #e8e5fa;
--color-astral-aura-200: #d4d0eb;
--color-astral-aura-300: #b7b3d2;
--color-astral-aura-400: #9d99be;
--color-astral-aura-500: #8580a9;
--color-astral-aura-600: #716d8f;
--color-astral-aura-700: #5a5773;
--color-astral-aura-800: #413f55;
--color-astral-aura-900: #2d2c3b;
--color-astral-aura-950: #1a1925;
}SCSS
$astral-aura: #363151;
$astral-aura-rgb: 54, 49, 81;
$astral-aura-light: mix(#fff, $astral-aura, 20%);
$astral-aura-dark: mix(#000, $astral-aura, 20%);
.element {
color: $astral-aura;
box-shadow: 0 0 0 2px rgba($astral-aura, 0.35);
}