Colore con nome · #A7AEA5
Light Drizzle
Light Drizzle è #A7AEA5: rgb(167 174 165), hsl(107 5% 66%), oklch(0.743 0.015 138.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Drizzle color name →
#A7AEA5
oklch(0.743 0.015 138.7)
Conversioni di colore
- HEX
- #a7aea5
- RGB
- rgb(167 174 165)
- HSL
- hsl(107 5% 66%)
- HWB
- hwb(107 65% 32%)
- OKLCH
- oklch(0.743 0.015 138.7)
- OKLab
- oklab(0.743 -0.011 0.01)
- CIE Lab
- lab(70.33 -3.83 3.73)
- LCH
- lch(70.33 5.35 135.7)
- CMYK
- cmyk(4% 0% 5% 32%)
Tinte · Ombre · Toni
Tinte
- AFB6AE
- B8BEB6
- C1C6BF
- C9CEC8
- D2D6D1
- DBDEDA
- E4E6E3
- EDEEEC
- F6F7F6
Ombre
- 91978F
- 7B8079
- 666A65
- 525551
- 3E413D
- 2C2E2B
- 1A1C1A
- 0A0B0A
- 010101
Toni
- A3A9A1
- 9FA59D
- 9BA09A
- 979B96
- 939792
- 8F928F
- 8C8E8B
- 888987
- 848484
Armonie di colore
Complementare +180°
- A7AEA5
Light Drizzle
- B0A9B2
≈ Endless Slumber
Analogo -30° +30°
- A7AEA5
Light Drizzle
- ACACA2
≈ Laurel Grey
- A3AFAA
≈ Silver Screen
Triadico +120° +240°
- A7AEA5
Light Drizzle
- A6ACB5
≈ Transformer
- B5A8A8
≈ Fashion Mauve
Complementare divisa +150° +210°
- A7AEA5
Light Drizzle
- ABAAB5
≈ Velvet Grey
- B3A8AD
≈ Stamina
Tetradico +90° +180° +270°
- A7AEA5
Light Drizzle
- A2AEB3
≈ Laundry Blue
- B0A9B2
≈ Endless Slumber
- B4A9A4
≈ Muted Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.24:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--light-drizzle: #a7aea5;
--light-drizzle-rgb: 167 174 165;
--light-drizzle-oklch: oklch(0.743 0.015 138.7);
}
.element {
color: var(--light-drizzle);
background-color: hsl(107 5% 66%);
border-color: oklch(0.743 0.015 138.7);
}Tailwind CSS v4
@theme {
--color-light-drizzle: #a7aea5;
--color-light-drizzle-50: #f3f6f2;
--color-light-drizzle-100: #e5e9e4;
--color-light-drizzle-200: #d1d6d0;
--color-light-drizzle-300: #b3b9b2;
--color-light-drizzle-400: #9aa198;
--color-light-drizzle-500: #81897f;
--color-light-drizzle-600: #6d746c;
--color-light-drizzle-700: #575c56;
--color-light-drizzle-800: #40443f;
--color-light-drizzle-900: #2c2f2b;
--color-light-drizzle-950: #191b18;
}SCSS
$light-drizzle: #a7aea5;
$light-drizzle-rgb: 167, 174, 165;
$light-drizzle-light: mix(#fff, $light-drizzle, 20%);
$light-drizzle-dark: mix(#000, $light-drizzle, 20%);
.element {
color: $light-drizzle;
box-shadow: 0 0 0 2px rgba($light-drizzle, 0.35);
}