Colore con nome · #ADAD9C
Ara Glen
Ara Glen è #ADAD9C: rgb(173 173 156), hsl(60 9% 65%), oklch(0.743 0.024 107). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ara Glen color name →
#ADAD9C
oklch(0.743 0.024 107)
Conversioni di colore
- HEX
- #adad9c
- RGB
- rgb(173 173 156)
- HSL
- hsl(60 9% 65%)
- HWB
- hwb(60 61% 32%)
- OKLCH
- oklch(0.743 0.024 107)
- OKLab
- oklab(0.743 -0.007 0.023)
- CIE Lab
- lab(70.37 -2.27 8.78)
- LCH
- lch(70.37 9.07 104.5)
- CMYK
- cmyk(0% 0% 10% 32%)
Tinte · Ombre · Toni
Tinte
- B5B5A6
- BDBDAF
- C5C5B9
- CDCDC3
- D5D5CD
- DDDED6
- E6E6E0
- EEEEEB
- F7F7F5
Ombre
- 969687
- 7F7F73
- 6A6A5F
- 55554C
- 414139
- 2D2D28
- 1B1B18
- 0B0B09
- 010101
Toni
- A8A899
- A4A496
- 9F9F94
- 9B9B91
- 96968E
- 92928B
- 8D8D88
- 898986
- 848483
Armonie di colore
Complementare +180°
- ADAD9C
Ara Glen
- AAAABA
≈ Cream Violet
Analogo -30° +30°
- ADAD9C
Ara Glen
- B4AA9B
≈ Desert Dune
- A5AFA1
≈ Moonwort
Triadico +120° +240°
- ADAD9C
Ara Glen
- 9DAFB8
≈ Electric Slide
- B8A6AF
≈ Foggy Plum
Complementare divisa +150° +210°
- ADAD9C
Ara Glen
- A2ADBB
≈ Petrel Blue Grey
- B2A7B6
≈ Plum Frost
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.23:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--ara-glen: #adad9c;
--ara-glen-rgb: 173 173 156;
--ara-glen-oklch: oklch(0.743 0.024 107);
}
.element {
color: var(--ara-glen);
background-color: hsl(60 9% 65%);
border-color: oklch(0.743 0.024 107);
}Tailwind CSS v4
@theme {
--color-ara-glen: #adad9c;
--color-ara-glen-50: #f5f6ee;
--color-ara-glen-100: #e8e9e0;
--color-ara-glen-200: #d5d5ca;
--color-ara-glen-300: #b8b9ab;
--color-ara-glen-400: #a0a090;
--color-ara-glen-500: #888876;
--color-ara-glen-600: #737364;
--color-ara-glen-700: #5c5c50;
--color-ara-glen-800: #43433a;
--color-ara-glen-900: #2f2e27;
--color-ara-glen-950: #1b1b16;
}SCSS
$ara-glen: #adad9c;
$ara-glen-rgb: 173, 173, 156;
$ara-glen-light: mix(#fff, $ara-glen, 20%);
$ara-glen-dark: mix(#000, $ara-glen, 20%);
.element {
color: $ara-glen;
box-shadow: 0 0 0 2px rgba($ara-glen, 0.35);
}