Couleur nommée la plus proche · #21B15B
#21B15B
Couleur nommée la plus proche: Green Mana
#21B15B (rgb(33 177 91), hsl(144 69% 41%), oklch(0.669 0.17 151)) 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.
#21B15B
oklch(0.669 0.17 151)
Conversions de couleur
- HEX
- #21b15b
- RGB
- rgb(33 177 91)
- HSL
- hsl(144 69% 41%)
- HWB
- hwb(144 13% 31%)
- OKLCH
- oklch(0.669 0.17 151)
- OKLab
- oklab(0.669 -0.149 0.082)
- CIE Lab
- lab(63.75 -52.31 33.02)
- LCH
- lch(63.75 61.86 147.7)
- CMYK
- cmyk(81% 0% 49% 31%)
Teintes · Ombres · Tons
Teintes
- 46B96C
- 61C17C
- 77C98C
- 8CD19D
- A0D9AD
- B4E1BD
- C7E8CD
- DAF0DE
- ECF8EE
Ombres
- 1B994E
- 168341
- 106C35
- 0B5729
- 06421E
- 032F13
- 011C09
- 000C03
- 000100
Tons
- 37AC60
- 46A864
- 51A368
- 5B9E6C
- 639970
- 6A9473
- 709077
- 768A7A
- 7B857D
Harmonies de couleurs
Complémentaire +180°
- 21B15B
Green Mana
- CE69C4
≈ Gulābī Pink
Analogue -30° +30°
- 21B15B
Green Mana
- 87A300
≈ Noxious
- 00AD99
≈ Pool Green
Triadique +120° +240°
- 21B15B
Green Mana
- 708BFC
≈ Punch Out Glove
- EB6550
≈ Connect Red
Complémentaire divisée +150° +210°
- 21B15B
Green Mana
- A878EB
≈ Purple Illusionist
- E5608F
≈ Love Letter
Tétradique +90° +180° +270°
- 21B15B
Green Mana
- 009EEB
≈ Button Blue
- CE69C4
≈ Gulābī Pink
- D77A00
≈ Orange Pepper
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--green-mana: #21b15b;
--green-mana-rgb: 33 177 91;
--green-mana-oklch: oklch(0.669 0.17 151);
}
.element {
color: var(--green-mana);
background-color: hsl(144 69% 41%);
border-color: oklch(0.669 0.17 151);
}Tailwind CSS v4
@theme {
--color-green-mana: #21b15b;
--color-green-mana-50: #d1ffde;
--color-green-mana-100: #bdf9cd;
--color-green-mana-200: #9aeab2;
--color-green-mana-300: #6bd08d;
--color-green-mana-400: #3cba68;
--color-green-mana-500: #00a445;
--color-green-mana-600: #008a3b;
--color-green-mana-700: #006f2f;
--color-green-mana-800: #00511d;
--color-green-mana-900: #003913;
--color-green-mana-950: #002305;
}SCSS
$green-mana: #21b15b;
$green-mana-rgb: 33, 177, 91;
$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);
}