Benoemde kleur · #32CD32
Poisonous Pesticide
Poisonous Pesticide is #32CD32: rgb(50 205 50), hsl(120 61% 50%), oklch(0.742 0.229 142.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Poisonous Pesticide color name →
#32CD32
oklch(0.742 0.229 142.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 53D34F
- 6CD867
- 81DE7C
- 95E390
- A8E8A3
- BAEDB6
- CCF2C8
- DDF6DB
- EEFBED
Schaduwen
- 2AB22A
- 229822
- 1B7E1B
- 146614
- 0D4E0D
- 073807
- 032303
- 010F01
- 000200
Tonen
- 44C641
- 51BE4D
- 5BB756
- 63AF5F
- 6AA766
- 70A06C
- 759872
- 799077
- 7D887C
Kleurharmonieën
Complementair +180°
- 32CD32
Poisonous Pesticide
- EC6EFD
≈ Ultra Pink
Analoog -30° +30°
- 32CD32
Poisonous Pesticide
- ADB500
≈ Mustard Green
- 00C8A2
≈ Jadeite
Triadisch +120° +240°
- 32CD32
Poisonous Pesticide
- 7EAAFF
≈ Fennel Flower
- FF7F7C
≈ Salmon Sashimi
Gesplitst complementair +150° +210°
- 32CD32
Poisonous Pesticide
- AF98FF
≈ Cobalite
- FF74B6
≈ Dream Setting
Tetradisch +90° +180° +270°
- 32CD32
Poisonous Pesticide
- 00BAFB
≈ Blue Bolt
- EC6EFD
≈ Ultra Pink
- FF8624
≈ Orange Avant-Garde
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.11:1 · APCA Lc 41
Ag
AAAOp zwart
WCAG 9.91:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
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);
}