Colore con nome · #A5D0AF
Merrylyn
Merrylyn è #A5D0AF: rgb(165 208 175), hsl(134 31% 73%), oklch(0.818 0.065 151.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Merrylyn color name →
#A5D0AF
oklch(0.818 0.065 151.8)
Conversioni di colore
- HEX
- #a5d0af
- RGB
- rgb(165 208 175)
- HSL
- hsl(134 31% 73%)
- HWB
- hwb(134 65% 18%)
- OKLCH
- oklch(0.818 0.065 151.8)
- OKLab
- oklab(0.818 -0.057 0.03)
- CIE Lab
- lab(79.72 -19.56 11.59)
- LCH
- lch(79.72 22.74 149.3)
- CMYK
- cmyk(21% 0% 16% 18%)
Tinte · Ombre · Toni
Tinte
- AED5B7
- B7D9BF
- C0DEC7
- C9E3CF
- D2E8D7
- DBECDF
- E4F1E7
- EDF6EF
- F6FAF7
Ombre
- 8FB598
- 799A81
- 65806B
- 516756
- 3D4F41
- 2B392E
- 1A231C
- 0A100B
- 010201
Toni
- A1C8AA
- 9EC0A5
- 9AB7A1
- 97AF9C
- 93A797
- 8F9F93
- 8B978E
- 889089
- 848885
Armonie di colore
Complementare +180°
- A5D0AF
Merrylyn
- DDB5D6
≈ French Lilac
Analogo -30° +30°
- A5D0AF
Merrylyn
- BCCB9C
≈ New Frond
- 94D2C6
≈ Opal Turquoise
Triadico +120° +240°
- A5D0AF
Merrylyn
- B4C2EE
≈ Larkspur Bud
- EAB5AA
≈ Pensive Pink
Complementare divisa +150° +210°
- A5D0AF
Merrylyn
- CBBAE7
≈ Drifting Dream
- E8B3C0
≈ Athena Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.24:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--merrylyn: #a5d0af;
--merrylyn-rgb: 165 208 175;
--merrylyn-oklch: oklch(0.818 0.065 151.8);
}
.element {
color: var(--merrylyn);
background-color: hsl(134 31% 73%);
border-color: oklch(0.818 0.065 151.8);
}Tailwind CSS v4
@theme {
--color-merrylyn: #a5d0af;
--color-merrylyn-50: #e8fbed;
--color-merrylyn-100: #d8efde;
--color-merrylyn-200: #c0ddc8;
--color-merrylyn-300: #9fc2a8;
--color-merrylyn-400: #82aa8c;
--color-merrylyn-500: #659371;
--color-merrylyn-600: #567c60;
--color-merrylyn-700: #45634c;
--color-merrylyn-800: #324936;
--color-merrylyn-900: #223225;
--color-merrylyn-950: #111e14;
}SCSS
$merrylyn: #a5d0af;
$merrylyn-rgb: 165, 208, 175;
$merrylyn-light: mix(#fff, $merrylyn, 20%);
$merrylyn-dark: mix(#000, $merrylyn, 20%);
.element {
color: $merrylyn;
box-shadow: 0 0 0 2px rgba($merrylyn, 0.35);
}