Couleur nommée la plus proche · #2AAF5E
#2AAF5E
Couleur nommée la plus proche: Green Mana
#2AAF5E (rgb(42 175 94), hsl(143 61% 43%), oklch(0.666 0.163 151.5)) 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.
#2AAF5E
oklch(0.666 0.163 151.5)
Conversions de couleur
- HEX
- #2aaf5e
- RGB
- rgb(42 175 94)
- HSL
- hsl(143 61% 43%)
- HWB
- hwb(143 16% 31%)
- OKLCH
- oklch(0.666 0.163 151.5)
- OKLab
- oklab(0.666 -0.143 0.078)
- CIE Lab
- lab(63.28 -50.16 30.97)
- LCH
- lch(63.28 58.95 148.3)
- CMYK
- cmyk(76% 0% 46% 31%)
Teintes · Ombres · Tons
Teintes
- 4BB76E
- 63C07E
- 79C88E
- 8ED09E
- A1D8AE
- B4E0BE
- C7E8CE
- DAF0DE
- ECF7EF
Ombres
- 239851
- 1C8144
- 166B37
- 10562B
- 0A411F
- 052E14
- 021C0A
- 010B03
- 000100
Tons
- 3CAB62
- 49A666
- 54A26A
- 5C9D6E
- 649871
- 6B9474
- 718F77
- 768A7A
- 7B857D
Harmonies de couleurs
Complémentaire +180°
- 2AAF5E
Green Mana
- CB6AC0
≈ Gulābī Pink
Analogue -30° +30°
- 2AAF5E
Green Mana
- 85A200
≈ Noxious
- 00AB99
≈ Tropical Hideaway
Triadique +120° +240°
- 2AAF5E
Green Mana
- 718AF7
≈ Punch Out Glove
- E66752
≈ Heirloom Blush
Complémentaire divisée +150° +210°
- 2AAF5E
Green Mana
- A678E6
≈ Lavender
- E1638D
≈ Love Letter
Tétradique +90° +180° +270°
- 2AAF5E
Green Mana
- 009DEA
≈ Button Blue
- CB6AC0
≈ Gulābī Pink
- D57A00
≈ Autumn Leaf Orange
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.84:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.39:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.39:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--green-mana: #2aaf5e;
--green-mana-rgb: 42 175 94;
--green-mana-oklch: oklch(0.666 0.163 151.5);
}
.element {
color: var(--green-mana);
background-color: hsl(143 61% 43%);
border-color: oklch(0.666 0.163 151.5);
}Tailwind CSS v4
@theme {
--color-green-mana: #2aaf5e;
--color-green-mana-50: #d2ffe0;
--color-green-mana-100: #bff8cf;
--color-green-mana-200: #9de9b4;
--color-green-mana-300: #6fcf90;
--color-green-mana-400: #43b96b;
--color-green-mana-500: #00a34a;
--color-green-mana-600: #008a3f;
--color-green-mana-700: #006e32;
--color-green-mana-800: #015120;
--color-green-mana-900: #023815;
--color-green-mana-950: #002307;
}SCSS
$green-mana: #2aaf5e;
$green-mana-rgb: 42, 175, 94;
$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);
}