Colore con nome · #A9C9AF
Pastel Meadow
Pastel Meadow è #A9C9AF: rgb(169 201 175), hsl(131 23% 73%), oklch(0.805 0.05 150.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Pastel Meadow color name →
#A9C9AF
oklch(0.805 0.05 150.6)
Conversioni di colore
- HEX
- #a9c9af
- RGB
- rgb(169 201 175)
- HSL
- hsl(131 23% 73%)
- HWB
- hwb(131 66% 21%)
- OKLCH
- oklch(0.805 0.05 150.6)
- OKLab
- oklab(0.805 -0.044 0.025)
- CIE Lab
- lab(78.05 -14.91 9.3)
- LCH
- lch(78.05 17.57 148)
- CMYK
- cmyk(16% 0% 13% 21%)
Tinte · Ombre · Toni
Tinte
- B1CEB7
- BAD4BF
- C3D9C7
- CBDECE
- D4E4D6
- DCE9DE
- E5EFE7
- EEF4EF
- F6FAF7
Ombre
- 92AE98
- 7C9581
- 677C6B
- 536456
- 3F4C41
- 2C362E
- 1B221C
- 0A0F0B
- 010201
Toni
- A5C1AA
- A1BAA5
- 9DB3A1
- 99AB9C
- 95A497
- 909D93
- 8C958E
- 888E89
- 848785
Armonie di colore
Complementare +180°
- A9C9AF
Pastel Meadow
- D3B4CF
≈ Pink Ivory
Analogo -30° +30°
- A9C9AF
Pastel Meadow
- BAC5A1
≈ Seagrass
- 9DCAC1
≈ Jamaica Bay
Triadico +120° +240°
- A9C9AF
Pastel Meadow
- B3BEE1
≈ Wish
- DEB4AC
≈ Evening Sand
Complementare divisa +150° +210°
- A9C9AF
Pastel Meadow
- C4B9DB
≈ Melrose
- DCB3BD
≈ Pentalon
Tetradico +90° +180° +270°
- A9C9AF
Pastel Meadow
- A3C4DD
≈ Metal Gear
- D3B4CF
≈ Pink Ivory
- D8B99F
≈ Tracery
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.66:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--pastel-meadow: #a9c9af;
--pastel-meadow-rgb: 169 201 175;
--pastel-meadow-oklch: oklch(0.805 0.05 150.6);
}
.element {
color: var(--pastel-meadow);
background-color: hsl(131 23% 73%);
border-color: oklch(0.805 0.05 150.6);
}Tailwind CSS v4
@theme {
--color-pastel-meadow: #a9c9af;
--color-pastel-meadow-50: #ebfaee;
--color-pastel-meadow-100: #dcede0;
--color-pastel-meadow-200: #c5dbca;
--color-pastel-meadow-300: #a5bfab;
--color-pastel-meadow-400: #8aa78f;
--color-pastel-meadow-500: #6e9075;
--color-pastel-meadow-600: #5e7a63;
--color-pastel-meadow-700: #4b614f;
--color-pastel-meadow-800: #374739;
--color-pastel-meadow-900: #253127;
--color-pastel-meadow-950: #141d15;
}SCSS
$pastel-meadow: #a9c9af;
$pastel-meadow-rgb: 169, 201, 175;
$pastel-meadow-light: mix(#fff, $pastel-meadow, 20%);
$pastel-meadow-dark: mix(#000, $pastel-meadow, 20%);
.element {
color: $pastel-meadow;
box-shadow: 0 0 0 2px rgba($pastel-meadow, 0.35);
}