Colore con nome · #A1A6D6
Sorbet Ice Mauve
Sorbet Ice Mauve è #A1A6D6: rgb(161 166 214), hsl(234 39% 74%), oklch(0.738 0.069 279.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sorbet Ice Mauve color name →
#A1A6D6
oklch(0.738 0.069 279.9)
Conversioni di colore
- HEX
- #a1a6d6
- RGB
- rgb(161 166 214)
- HSL
- hsl(234 39% 74%)
- HWB
- hwb(234 63% 16%)
- OKLCH
- oklch(0.738 0.069 279.9)
- OKLab
- oklab(0.738 0.012 -0.068)
- CIE Lab
- lab(69 6.05 -25.16)
- LCH
- lch(69 25.88 283.5)
- CMYK
- cmyk(25% 22% 0% 16%)
Tinte · Ombre · Toni
Tinte
- AAAFDA
- B3B7DF
- BCC0E3
- C5C9E7
- CFD2EB
- D8DBEF
- E2E4F3
- EBEDF7
- F5F6FB
Ombre
- 8B90BA
- 767A9E
- 626584
- 4E516A
- 3C3E52
- 2A2B3B
- 191A25
- 090A10
- 010102
Toni
- 9EA2CD
- 9A9EC4
- 979BBC
- 9497B3
- 9093AB
- 8D8FA2
- 8A8B99
- 868891
- 838488
Armonie di colore
Complementare +180°
- A1A6D6
Sorbet Ice Mauve
- B4AC79
≈ Even Growth
Analogo -30° +30°
- A1A6D6
Sorbet Ice Mauve
- 89AED5
≈ Boo Blue
- B89FCC
≈ Dechala Lilac
Triadico +120° +240°
- A1A6D6
Sorbet Ice Mauve
- D19C89
≈ Nectarine Spice
- 84B89B
≈ Water Green
Complementare divisa +150° +210°
- A1A6D6
Sorbet Ice Mauve
- C7A37A
≈ Fresh Sawdust
- 9CB385
≈ Mistletoe Kiss
Tetradico +90° +180° +270°
- A1A6D6
Sorbet Ice Mauve
- D298A0
≈ Cooing Doves
- B4AC79
≈ Even Growth
- 75B9B4
≈ Earth Eclipse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.94:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--sorbet-ice-mauve: #a1a6d6;
--sorbet-ice-mauve-rgb: 161 166 214;
--sorbet-ice-mauve-oklch: oklch(0.738 0.069 279.9);
}
.element {
color: var(--sorbet-ice-mauve);
background-color: hsl(234 39% 74%);
border-color: oklch(0.738 0.069 279.9);
}Tailwind CSS v4
@theme {
--color-sorbet-ice-mauve: #a1a6d6;
--color-sorbet-ice-mauve-50: #f1f3ff;
--color-sorbet-ice-mauve-100: #e4e6ff;
--color-sorbet-ice-mauve-200: #cfd1f2;
--color-sorbet-ice-mauve-300: #b1b4db;
--color-sorbet-ice-mauve-400: #969ac7;
--color-sorbet-ice-mauve-500: #7d81b4;
--color-sorbet-ice-mauve-600: #6a6d98;
--color-sorbet-ice-mauve-700: #54587a;
--color-sorbet-ice-mauve-800: #3c405a;
--color-sorbet-ice-mauve-900: #2a2c3f;
--color-sorbet-ice-mauve-950: #171928;
}SCSS
$sorbet-ice-mauve: #a1a6d6;
$sorbet-ice-mauve-rgb: 161, 166, 214;
$sorbet-ice-mauve-light: mix(#fff, $sorbet-ice-mauve, 20%);
$sorbet-ice-mauve-dark: mix(#000, $sorbet-ice-mauve, 20%);
.element {
color: $sorbet-ice-mauve;
box-shadow: 0 0 0 2px rgba($sorbet-ice-mauve, 0.35);
}