Colore con nome · #A1A8D5
Whipped Violet
Whipped Violet è #A1A8D5: rgb(161 168 213), hsl(232 38% 73%), oklch(0.742 0.065 277.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Whipped Violet color name →
#A1A8D5
oklch(0.742 0.065 277.8)
Conversioni di colore
- HEX
- #a1a8d5
- RGB
- rgb(161 168 213)
- HSL
- hsl(232 38% 73%)
- HWB
- hwb(232 63% 16%)
- OKLCH
- oklch(0.742 0.065 277.8)
- OKLab
- oklab(0.742 0.009 -0.065)
- CIE Lab
- lab(69.49 4.83 -23.86)
- LCH
- lch(69.49 24.35 281.4)
- CMYK
- cmyk(24% 21% 0% 16%)
Tinte · Ombre · Toni
Tinte
- AAB1D9
- B3B9DE
- BCC2E2
- C5CAE6
- CFD3EB
- D8DCEF
- E2E4F3
- EBEDF7
- F5F6FB
Ombre
- 8B92B9
- 767C9E
- 626783
- 4E526A
- 3C3F51
- 2A2C3A
- 191A24
- 090A10
- 010102
Toni
- 9EA4CC
- 9AA0C4
- 979CBB
- 9498B3
- 9094AA
- 8D90A2
- 8A8C99
- 868891
- 838488
Armonie di colore
Complementare +180°
- A1A8D5
Whipped Violet
- B6AC7C
≈ Fresh Brew
Analogo -30° +30°
- A1A8D5
Whipped Violet
- 8BB0D3
≈ Matte Blue
- B7A1CC
≈ Glass Violet
Triadico +120° +240°
- A1A8D5
Whipped Violet
- D19E8E
≈ Soft Sienna
- 89B89C
≈ Garden View
Complementare divisa +150° +210°
- A1A8D5
Whipped Violet
- C8A47F
≈ Siesta Dreams
- A0B487
≈ Easy Green
Tetradico +90° +180° +270°
- A1A8D5
Whipped Violet
- D19BA4
≈ Silver Rose
- B6AC7C
≈ Fresh Brew
- 7AB9B3
≈ Polished Aqua
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.07:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--whipped-violet: #a1a8d5;
--whipped-violet-rgb: 161 168 213;
--whipped-violet-oklch: oklch(0.742 0.065 277.8);
}
.element {
color: var(--whipped-violet);
background-color: hsl(232 38% 73%);
border-color: oklch(0.742 0.065 277.8);
}Tailwind CSS v4
@theme {
--color-whipped-violet: #a1a8d5;
--color-whipped-violet-50: #f1f4ff;
--color-whipped-violet-100: #e3e6fe;
--color-whipped-violet-200: #ced2f1;
--color-whipped-violet-300: #b0b4d9;
--color-whipped-violet-400: #959bc5;
--color-whipped-violet-500: #7b82b2;
--color-whipped-violet-600: #696e96;
--color-whipped-violet-700: #545878;
--color-whipped-violet-800: #3c4159;
--color-whipped-violet-900: #292d3e;
--color-whipped-violet-950: #171a28;
}SCSS
$whipped-violet: #a1a8d5;
$whipped-violet-rgb: 161, 168, 213;
$whipped-violet-light: mix(#fff, $whipped-violet, 20%);
$whipped-violet-dark: mix(#000, $whipped-violet, 20%);
.element {
color: $whipped-violet;
box-shadow: 0 0 0 2px rgba($whipped-violet, 0.35);
}