Cor nomeada · #8DE07C
Feralas Lime
Feralas Lime é #8DE07C: rgb(141 224 124), hsl(110 62% 68%), oklch(0.83 0.157 140.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Feralas Lime color name →
#8DE07C
oklch(0.83 0.157 140.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 99E38A
- A5E798
- B1EAA5
- BCEDB2
- C8F1BF
- D3F4CC
- DEF7D9
- E9F9E6
- F4FCF2
Sombras
- 7AC36B
- 67A65A
- 558A4A
- 44703B
- 33562C
- 233E1E
- 142711
- 071205
- 010201
Tons
- 8DD67E
- 8CCC7F
- 8BC380
- 8AB981
- 89B081
- 88A681
- 869C81
- 849381
- 828981
Harmonias de cor
Complementar +180°
- 8DE07C
Feralas Lime
- F0A9FF
≈ Pink Sugar
Análoga -30° +30°
- 8DE07C
Feralas Lime
- CED045
≈ Southern Platyfish
- 2BE7B8
≈ Aquamarine
Tríade +120° +240°
- 8DE07C
Feralas Lime
- A8C9FF
≈ Night Snow
- FFAFAE
≈ Cornflower Lilac
Complementar dividida +150° +210°
- 8DE07C
Feralas Lime
- C6BEFF
≈ Lavender Tonic
- FFA9D1
≈ Majin Bū Pink
Tétrade +90° +180° +270°
- 8DE07C
Feralas Lime
- 7AD4FF
≈ Sky
- F0A9FF
≈ Pink Sugar
- FFB389
≈ Coral Dusk
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.08:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos 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);
}