Colore con nome · #AC92B0
Enthroned Above
Enthroned Above è #AC92B0: rgb(172 146 176), hsl(292 16% 63%), oklch(0.693 0.052 321.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Enthroned Above color name →
#AC92B0
oklch(0.693 0.052 321.8)
Conversioni di colore
- HEX
- #ac92b0
- RGB
- rgb(172 146 176)
- HSL
- hsl(292 16% 63%)
- HWB
- hwb(292 57% 31%)
- OKLCH
- oklch(0.693 0.052 321.8)
- OKLab
- oklab(0.693 0.041 -0.032)
- CIE Lab
- lab(63.69 14.11 -11.97)
- LCH
- lch(63.69 18.51 319.7)
- CMYK
- cmyk(2% 17% 0% 31%)
Tinte · Ombre · Toni
Tinte
- B49CB8
- BCA7C0
- C4B2C7
- CDBCCF
- D5C7D7
- DDD2DF
- E6DDE7
- EEE8EF
- F7F4F7
Ombre
- 957E99
- 7F6B82
- 69586C
- 544656
- 403542
- 2D252E
- 1B161C
- 0B080B
- 010101
Toni
- A890AB
- A38EA6
- 9F8DA1
- 9A8B9D
- 968998
- 928793
- 8D868E
- 898489
- 848285
Armonie di colore
Complementare +180°
- AC92B0
Enthroned Above
- 8BA587
≈ Mermaid’s Cove
Analogo -30° +30°
- AC92B0
Enthroned Above
- 9C97BB
≈ Grape Gatsby
- B78FA0
≈ Lover’s Tryst
Triadico +120° +240°
- AC92B0
Enthroned Above
- AD9A78
≈ Getaway
- 76A6AA
≈ Cresting Waves
Complementare divisa +150° +210°
- AC92B0
Enthroned Above
- 9DA07B
≈ French Parsley
- 7BA798
≈ Verdigreen
Tetradico +90° +180° +270°
- AC92B0
Enthroned Above
- B7947F
≈ Caramelised
- 8BA587
≈ Mermaid’s Cove
- 7CA3B7
≈ Grey Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--enthroned-above: #ac92b0;
--enthroned-above-rgb: 172 146 176;
--enthroned-above-oklch: oklch(0.693 0.052 321.8);
}
.element {
color: var(--enthroned-above);
background-color: hsl(292 16% 63%);
border-color: oklch(0.693 0.052 321.8);
}Tailwind CSS v4
@theme {
--color-enthroned-above: #ac92b0;
--color-enthroned-above-50: #fdf0fe;
--color-enthroned-above-100: #f1e2f2;
--color-enthroned-above-200: #e0cde1;
--color-enthroned-above-300: #c5afc7;
--color-enthroned-above-400: #ad95b1;
--color-enthroned-above-500: #977b9b;
--color-enthroned-above-600: #806883;
--color-enthroned-above-700: #665369;
--color-enthroned-above-800: #4b3d4e;
--color-enthroned-above-900: #342a36;
--color-enthroned-above-950: #1f1721;
}SCSS
$enthroned-above: #ac92b0;
$enthroned-above-rgb: 172, 146, 176;
$enthroned-above-light: mix(#fff, $enthroned-above, 20%);
$enthroned-above-dark: mix(#000, $enthroned-above, 20%);
.element {
color: $enthroned-above;
box-shadow: 0 0 0 2px rgba($enthroned-above, 0.35);
}