Colore con nome · #A1BCA9
Attica
Attica è #A1BCA9: rgb(161 188 169), hsl(138 17% 68%), oklch(0.769 0.04 154.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Attica color name →
#A1BCA9
oklch(0.769 0.04 154.7)
Conversioni di colore
- HEX
- #a1bca9
- RGB
- rgb(161 188 169)
- HSL
- hsl(138 17% 68%)
- HWB
- hwb(138 63% 26%)
- OKLCH
- oklch(0.769 0.04 154.7)
- OKLab
- oklab(0.769 -0.036 0.017)
- CIE Lab
- lab(73.8 -12.34 6.41)
- LCH
- lch(73.8 13.91 152.5)
- CMYK
- cmyk(14% 0% 10% 26%)
Tinte · Ombre · Toni
Tinte
- AAC3B1
- B3C9BA
- BDD0C2
- C6D6CB
- CFDDD3
- D9E4DC
- E2EBE5
- ECF1ED
- F5F8F6
Ombre
- 8BA392
- 768B7C
- 627367
- 4E5D53
- 3C473F
- 2A322C
- 191F1B
- 090D0A
- 010201
Toni
- 9EB6A5
- 9AB0A1
- 97AA9D
- 94A498
- 919E94
- 8D9890
- 8A928C
- 878C88
- 838684
Armonie di colore
Complementare +180°
- A1BCA9
Attica
- C5ABBE
≈ Monet Magic
Analogo -30° +30°
- A1BCA9
Attica
- AEB99D
≈ Foille
- 99BDB7
≈ Carnival Glass
Triadico +120° +240°
- A1BCA9
Attica
- ACB3CE
≈ Purple Freedom
- CCACA3
≈ Rose Smoke
Complementare divisa +150° +210°
- A1BCA9
Attica
- BAAEC9
≈ Fancy Pansy
- CBAAB1
≈ Dutchess Dawn
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.28:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--attica: #a1bca9;
--attica-rgb: 161 188 169;
--attica-oklch: oklch(0.769 0.04 154.7);
}
.element {
color: var(--attica);
background-color: hsl(138 17% 68%);
border-color: oklch(0.769 0.04 154.7);
}Tailwind CSS v4
@theme {
--color-attica: #a1bca9;
--color-attica-50: #ecf9f1;
--color-attica-100: #deece2;
--color-attica-200: #c7dacd;
--color-attica-300: #a8beaf;
--color-attica-400: #8da694;
--color-attica-500: #728e7b;
--color-attica-600: #617868;
--color-attica-700: #4d6053;
--color-attica-800: #38473c;
--color-attica-900: #263129;
--color-attica-950: #151d17;
}SCSS
$attica: #a1bca9;
$attica-rgb: 161, 188, 169;
$attica-light: mix(#fff, $attica, 20%);
$attica-dark: mix(#000, $attica, 20%);
.element {
color: $attica;
box-shadow: 0 0 0 2px rgba($attica, 0.35);
}