Color con nombre · #ABD35D
Lime Lizard
Lime Lizard es #ABD35D: rgb(171 211 93), hsl(80 57% 60%), oklch(0.814 0.153 125.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Lime Lizard color name →
#ABD35D
oklch(0.814 0.153 125.3)
Conversiones de color
- HEX
- #abd35d
- RGB
- rgb(171 211 93)
- HSL
- hsl(80 57% 60%)
- HWB
- hwb(80 36% 17%)
- OKLCH
- oklch(0.814 0.153 125.3)
- OKLab
- oklab(0.814 -0.088 0.125)
- CIE Lab
- lab(79.85 -27.03 52.71)
- LCH
- lch(79.85 59.23 117.1)
- CMYK
- cmyk(19% 0% 56% 17%)
Tintes · Sombras · Tonos
Tintes
- B3D870
- BBDC82
- C4E193
- CCE5A3
- D4EAB3
- DDEEC2
- E5F3D2
- EEF7E1
- F6FBF0
Sombras
- 94B750
- 7E9C43
- 688237
- 54692A
- 40511F
- 2D3A14
- 1B240A
- 0B1003
- 010200
Tonos
- A7CB63
- A2C269
- 9EBA6D
- 9AB271
- 95A975
- 91A178
- 8D997A
- 88917D
- 84887E
Armonías de color
Complementario +180°
- ABD35D
Lime Lizard
- D4AEFF
≈ Teasel Dipsacus
Análogo -30° +30°
- ABD35D
Lime Lizard
- E1C034
≈ Finger Banana
- 62DF96
≈ Aurora Green
Triádico +120° +240°
- ABD35D
Lime Lizard
- 8AC9FF
≈ Platonic Blue
- FFA4B8
≈ Amélie’s Tutu
Complementario dividido +150° +210°
- ABD35D
Lime Lizard
- B0BEFF
≈ Dried Lilac
- FE9AE9
≈ Pink Elephants
Tetrádico +90° +180° +270°
- ABD35D
Lime Lizard
- 00D9FC
≈ Neon Blue
- D4AEFF
≈ Teasel Dipsacus
- FFA993
≈ Frozen Salmon
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.20:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.20:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--lime-lizard: #abd35d;
--lime-lizard-rgb: 171 211 93;
--lime-lizard-oklch: oklch(0.814 0.153 125.3);
}
.element {
color: var(--lime-lizard);
background-color: hsl(80 57% 60%);
border-color: oklch(0.814 0.153 125.3);
}Tailwind CSS v4
@theme {
--color-lime-lizard: #abd35d;
--color-lime-lizard-50: #e9fecf;
--color-lime-lizard-100: #daf2bb;
--color-lime-lizard-200: #c2e19a;
--color-lime-lizard-300: #a2c66e;
--color-lime-lizard-400: #89ae3d;
--color-lime-lizard-500: #6f9600;
--color-lime-lizard-600: #5e7f00;
--color-lime-lizard-700: #4b6600;
--color-lime-lizard-800: #384a00;
--color-lime-lizard-900: #273400;
--color-lime-lizard-950: #151f00;
}SCSS
$lime-lizard: #abd35d;
$lime-lizard-rgb: 171, 211, 93;
$lime-lizard-light: mix(#fff, $lime-lizard, 20%);
$lime-lizard-dark: mix(#000, $lime-lizard, 20%);
.element {
color: $lime-lizard;
box-shadow: 0 0 0 2px rgba($lime-lizard, 0.35);
}