Cor nomeada · #2CFA1F
Radioactive Green
Radioactive Green é #2CFA1F: rgb(44 250 31), hsl(116 96% 55%), oklch(0.857 0.282 142.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Radioactive Green color name →
#2CFA1F
oklch(0.857 0.282 142.2)
Conversões de cor
- HEX
- #2cfa1f
- RGB
- rgb(44 250 31)
- HSL
- hsl(116 96% 55%)
- HWB
- hwb(116 12% 2%)
- OKLCH
- oklch(0.857 0.282 142.2)
- OKLab
- oklab(0.857 -0.223 0.172)
- CIE Lab
- lab(86.59 -75.26 76.94)
- LCH
- lch(86.59 107.63 134.4)
- CMYK
- cmyk(82% 0% 88% 2%)
Tons claros · Sombras · Tons
Tons claros
- 57FC4C
- 72FD68
- 89FE7F
- 9DFF94
- AFFFA7
- C1FFBA
- D1FFCC
- E1FFDD
- F0FFEE
Sombras
- 25D919
- 1EBA14
- 179B0F
- 117D0A
- 0A6106
- 054603
- 022D01
- 011500
- 000300
Tons
- 45EE3B
- 55E24C
- 60D558
- 69C961
- 70BD69
- 75B16F
- 79A575
- 7C9979
- 7F8C7D
Harmonias de cor
Complementar +180°
- 2CFA1F
Radioactive Green
- F6B5FF
≈ Strawberry Buttercream
Análoga -30° +30°
- 2CFA1F
Radioactive Green
- D4DB00
≈ Octarine
- 00F2C4
≈ Bright Teal
Tríade +120° +240°
- 2CFA1F
Radioactive Green
- B7D1FF
≈ Ice Cold Stare
- FFBDB9
≈ Peach Scone
Complementar dividida +150° +210°
- 2CFA1F
Radioactive Green
- D1C7FF
≈ Innocent Snowdrop
- FFB8D6
≈ Candy Bar
Tétrade +90° +180° +270°
- 2CFA1F
Radioactive Green
- 96DBFF
≈ Shiva Blue
- F6B5FF
≈ Strawberry Buttercream
- FFC09B
≈ Blushing Cinnamon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.41:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 14.80:1 · APCA Lc 84
Melhor cor de texto: #000000
WCAG 14.80:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--radioactive-green: #2cfa1f;
--radioactive-green-rgb: 44 250 31;
--radioactive-green-oklch: oklch(0.857 0.282 142.2);
}
.element {
color: var(--radioactive-green);
background-color: hsl(116 96% 55%);
border-color: oklch(0.857 0.282 142.2);
}Tailwind CSS v4
@theme {
--color-radioactive-green: #2cfa1f;
--color-radioactive-green-50: #c3ffc2;
--color-radioactive-green-100: #acffab;
--color-radioactive-green-200: #80f383;
--color-radioactive-green-300: #3cda4b;
--color-radioactive-green-400: #00c300;
--color-radioactive-green-500: #00ad00;
--color-radioactive-green-600: #009200;
--color-radioactive-green-700: #007500;
--color-radioactive-green-800: #005600;
--color-radioactive-green-900: #003c00;
--color-radioactive-green-950: #002500;
}SCSS
$radioactive-green: #2cfa1f;
$radioactive-green-rgb: 44, 250, 31;
$radioactive-green-light: mix(#fff, $radioactive-green, 20%);
$radioactive-green-dark: mix(#000, $radioactive-green, 20%);
.element {
color: $radioactive-green;
box-shadow: 0 0 0 2px rgba($radioactive-green, 0.35);
}