Colore con nome · #A5AE9F
Moonwort
Moonwort è #A5AE9F: rgb(165 174 159), hsl(96 8% 65%), oklch(0.739 0.023 132.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Moonwort color name →
#A5AE9F
oklch(0.739 0.023 132.6)
Conversioni di colore
- HEX
- #a5ae9f
- RGB
- rgb(165 174 159)
- HSL
- hsl(96 8% 65%)
- HWB
- hwb(96 62% 32%)
- OKLCH
- oklch(0.739 0.023 132.6)
- OKLab
- oklab(0.739 -0.016 0.017)
- CIE Lab
- lab(70.05 -5.38 6.58)
- LCH
- lch(70.05 8.5 129.3)
- CMYK
- cmyk(5% 0% 9% 32%)
Tinte · Ombre · Toni
Tinte
- AEB6A8
- B6BEB2
- BFC6BB
- C8CEC4
- D1D6CE
- DADED8
- E3E6E1
- ECEEEB
- F6F7F5
Ombre
- 8F978A
- 798075
- 656A61
- 51554D
- 3D413B
- 2B2E29
- 1A1C18
- 0A0B09
- 010101
Toni
- A1A99C
- 9DA599
- 9AA096
- 969B93
- 92978F
- 8F928C
- 8B8E89
- 878986
- 848483
Armonie di colore
Complementare +180°
- A5AE9F
Moonwort
- B0A7B5
≈ Plum Frost
Analogo -30° +30°
- A5AE9F
Moonwort
- ADAB9B
≈ Chatroom
- 9EAFA6
≈ Powdered Gum
Triadico +120° +240°
- A5AE9F
Moonwort
- A0ACB9
≈ Atelier
- B9A5A6
≈ Tourmaline Mauve
Complementare divisa +150° +210°
- A5AE9F
Moonwort
- A8A9B9
≈ Cream Violet
- B6A5AF
≈ Foggy Plum
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.15:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--moonwort: #a5ae9f;
--moonwort-rgb: 165 174 159;
--moonwort-oklch: oklch(0.739 0.023 132.6);
}
.element {
color: var(--moonwort);
background-color: hsl(96 8% 65%);
border-color: oklch(0.739 0.023 132.6);
}Tailwind CSS v4
@theme {
--color-moonwort: #a5ae9f;
--color-moonwort-50: #f2f7f0;
--color-moonwort-100: #e5eae2;
--color-moonwort-200: #d0d7cd;
--color-moonwort-300: #b2baae;
--color-moonwort-400: #99a294;
--color-moonwort-500: #808a7a;
--color-moonwort-600: #6d7567;
--color-moonwort-700: #575d52;
--color-moonwort-800: #40443c;
--color-moonwort-900: #2c2f29;
--color-moonwort-950: #191c17;
}SCSS
$moonwort: #a5ae9f;
$moonwort-rgb: 165, 174, 159;
$moonwort-light: mix(#fff, $moonwort, 20%);
$moonwort-dark: mix(#000, $moonwort, 20%);
.element {
color: $moonwort;
box-shadow: 0 0 0 2px rgba($moonwort, 0.35);
}