Cor nomeada · #32CD32
Poisonous Pesticide
Poisonous Pesticide é #32CD32: rgb(50 205 50), hsl(120 61% 50%), oklch(0.742 0.229 142.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Poisonous Pesticide color name →
#32CD32
oklch(0.742 0.229 142.8)
Conversões de cor
- HEX
- #32cd32
- RGB
- rgb(50 205 50)
- HSL
- hsl(120 61% 50%)
- HWB
- hwb(120 20% 20%)
- OKLCH
- oklch(0.742 0.229 142.8)
- OKLab
- oklab(0.742 -0.182 0.138)
- CIE Lab
- lab(72.67 -61.87 60.06)
- LCH
- lch(72.67 86.22 135.8)
- CMYK
- cmyk(76% 0% 76% 20%)
Tons claros · Sombras · Tons
Tons claros
- 53D34F
- 6CD867
- 81DE7C
- 95E390
- A8E8A3
- BAEDB6
- CCF2C8
- DDF6DB
- EEFBED
Sombras
- 2AB22A
- 229822
- 1B7E1B
- 146614
- 0D4E0D
- 073807
- 032303
- 010F01
- 000200
Tons
- 44C641
- 51BE4D
- 5BB756
- 63AF5F
- 6AA766
- 70A06C
- 759872
- 799077
- 7D887C
Harmonias de cor
Complementar +180°
- 32CD32
Poisonous Pesticide
- EC6EFD
≈ Ultra Pink
Análoga -30° +30°
- 32CD32
Poisonous Pesticide
- ADB500
≈ Mustard Green
- 00C8A2
≈ Jadeite
Tríade +120° +240°
- 32CD32
Poisonous Pesticide
- 7EAAFF
≈ Fennel Flower
- FF7F7C
≈ Salmon Sashimi
Complementar dividida +150° +210°
- 32CD32
Poisonous Pesticide
- AF98FF
≈ Cobalite
- FF74B6
≈ Dream Setting
Tétrade +90° +180° +270°
- 32CD32
Poisonous Pesticide
- 00BAFB
≈ Blue Bolt
- EC6EFD
≈ Ultra Pink
- FF8624
≈ Orange Avant-Garde
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.91:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--poisonous-pesticide: #32cd32;
--poisonous-pesticide-rgb: 50 205 50;
--poisonous-pesticide-oklch: oklch(0.742 0.229 142.8);
}
.element {
color: var(--poisonous-pesticide);
background-color: hsl(120 61% 50%);
border-color: oklch(0.742 0.229 142.8);
}Tailwind CSS v4
@theme {
--color-poisonous-pesticide: #32cd32;
--color-poisonous-pesticide-50: #cdffcd;
--color-poisonous-pesticide-100: #b8fdb8;
--color-poisonous-pesticide-200: #93ee96;
--color-poisonous-pesticide-300: #60d568;
--color-poisonous-pesticide-400: #2cbe2c;
--color-poisonous-pesticide-500: #00a700;
--color-poisonous-pesticide-600: #008e00;
--color-poisonous-pesticide-700: #007200;
--color-poisonous-pesticide-800: #005300;
--color-poisonous-pesticide-900: #003a00;
--color-poisonous-pesticide-950: #002400;
}SCSS
$poisonous-pesticide: #32cd32;
$poisonous-pesticide-rgb: 50, 205, 50;
$poisonous-pesticide-light: mix(#fff, $poisonous-pesticide, 20%);
$poisonous-pesticide-dark: mix(#000, $poisonous-pesticide, 20%);
.element {
color: $poisonous-pesticide;
box-shadow: 0 0 0 2px rgba($poisonous-pesticide, 0.35);
}