Couleur nommée la plus proche · #21B66A
#21B66A
Couleur nommée la plus proche: Green Mana
#21B66A (rgb(33 182 106), hsl(149 69% 42%), oklch(0.685 0.163 154.4)) est la plus proche de la couleur nommée Green Mana. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#21B66A
oklch(0.685 0.163 154.4)
Conversions de couleur
- HEX
- #21b66a
- RGB
- rgb(33 182 106)
- HSL
- hsl(149 69% 42%)
- HWB
- hwb(149 13% 29%)
- OKLCH
- oklch(0.685 0.163 154.4)
- OKLab
- oklab(0.685 -0.147 0.07)
- CIE Lab
- lab(65.55 -51.93 27.67)
- LCH
- lch(65.55 58.84 151.9)
- CMYK
- cmyk(82% 0% 42% 29%)
Teintes · Ombres · Tons
Teintes
- 48BE79
- 62C588
- 79CD96
- 8ED4A5
- A1DCB4
- B5E3C3
- C8EAD2
- DAF1E1
- EDF8F0
Ombres
- 1B9E5B
- 16864D
- 106F3F
- 0B5931
- 064424
- 033018
- 011D0D
- 000C04
- 000200
Tons
- 38B16D
- 47AC70
- 52A672
- 5CA174
- 649C77
- 6B9679
- 71917B
- 778B7D
- 7C867E
Harmonies de couleurs
Complémentaire +180°
- 21B66A
Green Mana
- D56FC2
≈ Pink Charge
Analogue -30° +30°
- 21B66A
Green Mana
- 84AA1B
≈ UFO Defense Green
- 00B2A3
≈ Billiard
Triadique +120° +240°
- 21B66A
Green Mana
- 7D8FFD
≈ Lavender Blue Shadow
- ED6E51
≈ Entan Red
Complémentaire divisée +150° +210°
- 21B66A
Green Mana
- B17DEA
≈ Lavender Blossom
- E9688D
≈ Jellyfish Sting
Tétradique +90° +180° +270°
- 21B66A
Green Mana
- 1CA1F6
≈ Rockman Blue
- D56FC2
≈ Pink Charge
- DA8200
≈ Dulce de Leche
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.63:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.96:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--green-mana: #21b66a;
--green-mana-rgb: 33 182 106;
--green-mana-oklch: oklch(0.685 0.163 154.4);
}
.element {
color: var(--green-mana);
background-color: hsl(149 69% 42%);
border-color: oklch(0.685 0.163 154.4);
}Tailwind CSS v4
@theme {
--color-green-mana: #21b66a;
--color-green-mana-50: #d0ffe2;
--color-green-mana-100: #bcf9d2;
--color-green-mana-200: #99eab8;
--color-green-mana-300: #68d095;
--color-green-mana-400: #37ba71;
--color-green-mana-500: #00a451;
--color-green-mana-600: #008a45;
--color-green-mana-700: #006f37;
--color-green-mana-800: #005124;
--color-green-mana-900: #003918;
--color-green-mana-950: #002309;
}SCSS
$green-mana: #21b66a;
$green-mana-rgb: 33, 182, 106;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}