Colore con nome · #A3ABB8
Atelier
Atelier è #A3ABB8: rgb(163 171 184), hsl(217 13% 68%), oklch(0.739 0.021 260.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Atelier color name →
#A3ABB8
oklch(0.739 0.021 260.2)
Conversioni di colore
- HEX
- #a3abb8
- RGB
- rgb(163 171 184)
- HSL
- hsl(217 13% 68%)
- HWB
- hwb(217 64% 28%)
- OKLCH
- oklch(0.739 0.021 260.2)
- OKLab
- oklab(0.739 -0.004 -0.02)
- CIE Lab
- lab(69.65 -0.95 -7.72)
- LCH
- lch(69.65 7.77 263)
- CMYK
- cmyk(11% 7% 0% 28%)
Tinte · Ombre · Toni
Tinte
- ACB3BF
- B5BBC6
- BEC4CD
- C7CCD4
- D0D4DB
- D9DDE2
- E3E5E9
- ECEEF1
- F5F6F8
Ombre
- 8D94A0
- 787E88
- 636871
- 4F545B
- 3C4045
- 2A2D31
- 191B1E
- 0A0B0C
- 010102
Toni
- 9FA7B2
- 9CA2AD
- 989EA7
- 959AA1
- 91959C
- 8E9196
- 8A8D90
- 87888B
- 838485
Armonie di colore
Complementare +180°
- A3ABB8
Atelier
- B1A99C
≈ Bright Sepia
Analogo -30° +30°
- A3ABB8
Atelier
- 9EADB5
≈ Irogon Blue
- AAA9B7
≈ Velvet Grey
Triadico +120° +240°
- A3ABB8
Atelier
- B7A6A5
≈ Object of Desire
- A4AEA2
≈ Moonwort
Complementare divisa +150° +210°
- A3ABB8
Atelier
- B6A79F
≈ Prestige
- ABAC9D
≈ Meditation
Tetradico +90° +180° +270°
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 {
--atelier: #a3abb8;
--atelier-rgb: 163 171 184;
--atelier-oklch: oklch(0.739 0.021 260.2);
}
.element {
color: var(--atelier);
background-color: hsl(217 13% 68%);
border-color: oklch(0.739 0.021 260.2);
}Tailwind CSS v4
@theme {
--color-atelier: #a3abb8;
--color-atelier-50: #f2f5fb;
--color-atelier-100: #e4e8ef;
--color-atelier-200: #cfd4dd;
--color-atelier-300: #b2b8c2;
--color-atelier-400: #979fab;
--color-atelier-500: #7e8794;
--color-atelier-600: #6b727d;
--color-atelier-700: #555b64;
--color-atelier-800: #3e434a;
--color-atelier-900: #2b2e33;
--color-atelier-950: #181b1f;
}SCSS
$atelier: #a3abb8;
$atelier-rgb: 163, 171, 184;
$atelier-light: mix(#fff, $atelier, 20%);
$atelier-dark: mix(#000, $atelier, 20%);
.element {
color: $atelier;
box-shadow: 0 0 0 2px rgba($atelier, 0.35);
}