Color con nombre · #A5D0AF
Merrylyn
Merrylyn es #A5D0AF: rgb(165 208 175), hsl(134 31% 73%), oklch(0.818 0.065 151.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Merrylyn color name →
#A5D0AF
oklch(0.818 0.065 151.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- AED5B7
- B7D9BF
- C0DEC7
- C9E3CF
- D2E8D7
- DBECDF
- E4F1E7
- EDF6EF
- F6FAF7
Sombras
- 8FB598
- 799A81
- 65806B
- 516756
- 3D4F41
- 2B392E
- 1A231C
- 0A100B
- 010201
Tonos
- A1C8AA
- 9EC0A5
- 9AB7A1
- 97AF9C
- 93A797
- 8F9F93
- 8B978E
- 889089
- 848885
Armonías de color
Complementario +180°
- A5D0AF
Merrylyn
- DDB5D6
≈ French Lilac
Análogo -30° +30°
- A5D0AF
Merrylyn
- BCCB9C
≈ New Frond
- 94D2C6
≈ Opal Turquoise
Triádico +120° +240°
- A5D0AF
Merrylyn
- B4C2EE
≈ Larkspur Bud
- EAB5AA
≈ Pensive Pink
Complementario dividido +150° +210°
- A5D0AF
Merrylyn
- CBBAE7
≈ Drifting Dream
- E8B3C0
≈ Athena Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.24:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
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);
}