Couleur nommée · #35FA00
Plutonium
Plutonium correspond à #35FA00 : rgb(53 250 0), hsl(107 100% 49%), oklch(0.858 0.285 141.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Plutonium color name →
#35FA00
oklch(0.858 0.285 141.4)
Conversions de couleur
- HEX
- #35fa00
- RGB
- rgb(53 250 0)
- HSL
- hsl(107 100% 49%)
- HWB
- hwb(107 0% 2%)
- OKLCH
- oklch(0.858 0.285 141.4)
- OKLab
- oklab(0.858 -0.222 0.178)
- CIE Lab
- lab(86.66 -74.75 80.29)
- LCH
- lch(86.66 109.7 133)
- CMYK
- cmyk(79% 0% 100% 2%)
Teintes · Ombres · Tons
Teintes
- 5BFC45
- 75FD63
- 8BFE7C
- 9FFF91
- B1FFA5
- C1FFB8
- D2FFCB
- E1FFDC
- F0FFEE
Ombres
- 2DD900
- 25BA00
- 1D9B00
- 157D00
- 0E6100
- 084600
- 032D00
- 011500
- 000300
Tons
- 4AEE32
- 58E246
- 63D554
- 6BC95E
- 71BD67
- 76B16E
- 7AA573
- 7D9978
- 7F8C7D
Harmonies de couleurs
Complémentaire +180°
- 35FA00
Plutonium
- F4B7FF
≈ Brilliant Lavender
Analogue -30° +30°
- 35FA00
Plutonium
- D6DB00
≈ Poisonous Ice Cream
- 00F3C2
≈ Bright Teal
Triadique +120° +240°
- 35FA00
Plutonium
- B7D1FF
≈ Ice Cold Stare
- FFBDBA
≈ Peach Scone
Complémentaire divisée +150° +210°
- 35FA00
Plutonium
- D0C8FF
≈ Innocent Snowdrop
- FFB8D7
≈ Candy Bar
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 19
Ag
AAASur noir
WCAG 14.82:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.82:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--plutonium: #35fa00;
--plutonium-rgb: 53 250 0;
--plutonium-oklch: oklch(0.858 0.285 141.4);
}
.element {
color: var(--plutonium);
background-color: hsl(107 100% 49%);
border-color: oklch(0.858 0.285 141.4);
}Tailwind CSS v4
@theme {
--color-plutonium: #35fa00;
--color-plutonium-50: #c4ffc0;
--color-plutonium-100: #adffa9;
--color-plutonium-200: #82f380;
--color-plutonium-300: #40da45;
--color-plutonium-400: #00c300;
--color-plutonium-500: #00ac00;
--color-plutonium-600: #009200;
--color-plutonium-700: #007500;
--color-plutonium-800: #005600;
--color-plutonium-900: #003c00;
--color-plutonium-950: #002500;
}SCSS
$plutonium: #35fa00;
$plutonium-rgb: 53, 250, 0;
$plutonium-light: mix(#fff, $plutonium, 20%);
$plutonium-dark: mix(#000, $plutonium, 20%);
.element {
color: $plutonium;
box-shadow: 0 0 0 2px rgba($plutonium, 0.35);
}