Color con nombre · #8DE07C
Feralas Lime
Feralas Lime es #8DE07C: rgb(141 224 124), hsl(110 62% 68%), oklch(0.83 0.157 140.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Feralas Lime color name →
#8DE07C
oklch(0.83 0.157 140.3)
Conversiones de color
- HEX
- #8de07c
- RGB
- rgb(141 224 124)
- HSL
- hsl(110 62% 68%)
- HWB
- hwb(110 49% 12%)
- OKLCH
- oklch(0.83 0.157 140.3)
- OKLab
- oklab(0.83 -0.12 0.1)
- CIE Lab
- lab(82.16 -40.47 40.51)
- LCH
- lch(82.16 57.26 135)
- CMYK
- cmyk(37% 0% 45% 12%)
Tintes · Sombras · Tonos
Tintes
- 99E38A
- A5E798
- B1EAA5
- BCEDB2
- C8F1BF
- D3F4CC
- DEF7D9
- E9F9E6
- F4FCF2
Sombras
- 7AC36B
- 67A65A
- 558A4A
- 44703B
- 33562C
- 233E1E
- 142711
- 071205
- 010201
Tonos
- 8DD67E
- 8CCC7F
- 8BC380
- 8AB981
- 89B081
- 88A681
- 869C81
- 849381
- 828981
Armonías de color
Complementario +180°
- 8DE07C
Feralas Lime
- F0A9FF
≈ Pink Sugar
Análogo -30° +30°
- 8DE07C
Feralas Lime
- CED045
≈ Southern Platyfish
- 2BE7B8
≈ Aquamarine
Triádico +120° +240°
- 8DE07C
Feralas Lime
- A8C9FF
≈ Night Snow
- FFAFAE
≈ Cornflower Lilac
Complementario dividido +150° +210°
- 8DE07C
Feralas Lime
- C6BEFF
≈ Lavender Tonic
- FFA9D1
≈ Majin Bū Pink
Tetrádico +90° +180° +270°
- 8DE07C
Feralas Lime
- 7AD4FF
≈ Sky
- F0A9FF
≈ Pink Sugar
- FFB389
≈ Coral Dusk
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.08:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--feralas-lime: #8de07c;
--feralas-lime-rgb: 141 224 124;
--feralas-lime-oklch: oklch(0.83 0.157 140.3);
}
.element {
color: var(--feralas-lime);
background-color: hsl(110 62% 68%);
border-color: oklch(0.83 0.157 140.3);
}Tailwind CSS v4
@theme {
--color-feralas-lime: #8de07c;
--color-feralas-lime-50: #dcffd8;
--color-feralas-lime-100: #cbf6c6;
--color-feralas-lime-200: #aee6a8;
--color-feralas-lime-300: #87cc80;
--color-feralas-lime-400: #68b458;
--color-feralas-lime-500: #429e2d;
--color-feralas-lime-600: #398528;
--color-feralas-lime-700: #2e6b20;
--color-feralas-lime-800: #234e12;
--color-feralas-lime-900: #17370b;
--color-feralas-lime-950: #082101;
}SCSS
$feralas-lime: #8de07c;
$feralas-lime-rgb: 141, 224, 124;
$feralas-lime-light: mix(#fff, $feralas-lime, 20%);
$feralas-lime-dark: mix(#000, $feralas-lime, 20%);
.element {
color: $feralas-lime;
box-shadow: 0 0 0 2px rgba($feralas-lime, 0.35);
}