Colore con nome · #A8D19E
Relaxation Green
Relaxation Green è #A8D19E: rgb(168 209 158), hsl(108 36% 72%), oklch(0.818 0.082 139.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Relaxation Green color name →
#A8D19E
oklch(0.818 0.082 139.6)
Conversioni di colore
- HEX
- #a8d19e
- RGB
- rgb(168 209 158)
- HSL
- hsl(108 36% 72%)
- HWB
- hwb(108 62% 18%)
- OKLCH
- oklch(0.818 0.082 139.6)
- OKLab
- oklab(0.818 -0.063 0.053)
- CIE Lab
- lab(79.89 -21.18 20.78)
- LCH
- lch(79.89 29.67 135.5)
- CMYK
- cmyk(20% 0% 24% 18%)
Tinte · Ombre · Toni
Tinte
- B1D6A8
- B9DAB1
- C2DFBB
- CBE4C5
- D3E8CE
- DCEDD8
- E5F1E2
- EDF6EB
- F6FAF5
Ombre
- 92B589
- 7C9B74
- 678160
- 52684D
- 3F503A
- 2C3929
- 1A2318
- 0A1009
- 010201
Toni
- A4C99B
- A0C098
- 9CB895
- 98B092
- 94A88F
- 90A08C
- 8C9889
- 889086
- 848883
Armonie di colore
Complementare +180°
- A8D19E
Relaxation Green
- DBB3E5
≈ Pretty Petunia
Analogo -30° +30°
- A8D19E
Relaxation Green
- C7C98A
≈ Chimes
- 8CD5BB
≈ Cabbage
Triadico +120° +240°
- A8D19E
Relaxation Green
- A4C5F9
≈ Sky High
- F4AEAE
≈ Brain Pink
Complementare divisa +150° +210°
- A8D19E
Relaxation Green
- C2BBF6
≈ Dried Lilac
- EDAECB
≈ Coral Corn Snake
Tetradico +90° +180° +270°
- A8D19E
Relaxation Green
- 8ACEEF
≈ Pool Tiles
- DBB3E5
≈ Pretty Petunia
- F0B494
≈ Posh Peach
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.27:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--relaxation-green: #a8d19e;
--relaxation-green-rgb: 168 209 158;
--relaxation-green-oklch: oklch(0.818 0.082 139.6);
}
.element {
color: var(--relaxation-green);
background-color: hsl(108 36% 72%);
border-color: oklch(0.818 0.082 139.6);
}Tailwind CSS v4
@theme {
--color-relaxation-green: #a8d19e;
--color-relaxation-green-50: #e9fce6;
--color-relaxation-green-100: #d9efd6;
--color-relaxation-green-200: #c1debd;
--color-relaxation-green-300: #a0c39b;
--color-relaxation-green-400: #85ab7c;
--color-relaxation-green-500: #69945e;
--color-relaxation-green-600: #597d50;
--color-relaxation-green-700: #476440;
--color-relaxation-green-800: #34492d;
--color-relaxation-green-900: #24331e;
--color-relaxation-green-950: #121e0e;
}SCSS
$relaxation-green: #a8d19e;
$relaxation-green-rgb: 168, 209, 158;
$relaxation-green-light: mix(#fff, $relaxation-green, 20%);
$relaxation-green-dark: mix(#000, $relaxation-green, 20%);
.element {
color: $relaxation-green;
box-shadow: 0 0 0 2px rgba($relaxation-green, 0.35);
}