Couleur nommée · #2FEF10
Vivid Green
Vivid Green correspond à #2FEF10 : rgb(47 239 16), hsl(112 87% 50%), oklch(0.829 0.274 141.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Vivid Green color name →
#2FEF10
oklch(0.829 0.274 141.7)
Conversions de couleur
- HEX
- #2fef10
- RGB
- rgb(47 239 16)
- HSL
- hsl(112 87% 50%)
- HWB
- hwb(112 6% 6%)
- OKLCH
- oklch(0.829 0.274 141.7)
- OKLab
- oklab(0.829 -0.215 0.17)
- CIE Lab
- lab(83.2 -72.44 76.23)
- LCH
- lch(83.2 105.16 133.5)
- CMYK
- cmyk(80% 0% 93% 6%)
Teintes · Ombres · Tons
Teintes
- 56F246
- 71F463
- 87F67B
- 9BF890
- AEFAA4
- BFFBB7
- D0FDCA
- E0FEDC
- F0FFED
Ombres
- 27D00C
- 20B109
- 199406
- 127804
- 0C5C02
- 064201
- 032A00
- 011400
- 000300
Tons
- 46E434
- 54D946
- 5FCE53
- 68C35D
- 6EB866
- 74AD6D
- 78A273
- 7B9778
- 7E8B7C
Harmonies de couleurs
Complémentaire +180°
- 2FEF10
Vivid Green
- F2A6FF
≈ Rich Brilliant Lavender
Analogue -30° +30°
- 2FEF10
Vivid Green
- CBD100
≈ Sun Flooded Woods
- 00E8BA
≈ Aquamarine
Triadique +120° +240°
- 2FEF10
Vivid Green
- A9C8FF
≈ Night Snow
- FFAEAB
≈ Cornflower Lilac
Complémentaire divisée +150° +210°
- 2FEF10
Vivid Green
- C7BCFF
≈ Lavender Tonic
- FFA9CF
≈ Majin Bū Pink
Tétradique +90° +180° +270°
- 2FEF10
Vivid Green
- 7CD3FF
≈ Sky
- F2A6FF
≈ Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.55:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.47:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--vivid-green: #2fef10;
--vivid-green-rgb: 47 239 16;
--vivid-green-oklch: oklch(0.829 0.274 141.7);
}
.element {
color: var(--vivid-green);
background-color: hsl(112 87% 50%);
border-color: oklch(0.829 0.274 141.7);
}Tailwind CSS v4
@theme {
--color-vivid-green: #2fef10;
--color-vivid-green-50: #c6ffc3;
--color-vivid-green-100: #afffac;
--color-vivid-green-200: #85f284;
--color-vivid-green-300: #47d94d;
--color-vivid-green-400: #00c200;
--color-vivid-green-500: #00ab00;
--color-vivid-green-600: #009100;
--color-vivid-green-700: #007400;
--color-vivid-green-800: #005500;
--color-vivid-green-900: #003c00;
--color-vivid-green-950: #002500;
}SCSS
$vivid-green: #2fef10;
$vivid-green-rgb: 47, 239, 16;
$vivid-green-light: mix(#fff, $vivid-green, 20%);
$vivid-green-dark: mix(#000, $vivid-green, 20%);
.element {
color: $vivid-green;
box-shadow: 0 0 0 2px rgba($vivid-green, 0.35);
}