Couleur nommée la plus proche · #72BF53
#72BF53
Couleur nommée la plus proche: Mantis
#72BF53 (rgb(114 191 83), hsl(103 46% 54%), oklch(0.731 0.163 137.6)) est la plus proche de la couleur nommée Mantis. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#72BF53
oklch(0.731 0.163 137.6)
Conversions de couleur
- HEX
- #72bf53
- RGB
- rgb(114 191 83)
- HSL
- hsl(103 46% 54%)
- HWB
- hwb(103 33% 25%)
- OKLCH
- oklch(0.731 0.163 137.6)
- OKLab
- oklab(0.731 -0.12 0.11)
- CIE Lab
- lab(70.61 -39.7 45.72)
- LCH
- lch(70.61 60.55 131)
- CMYK
- cmyk(40% 0% 57% 25%)
Teintes · Ombres · Tons
Teintes
- 81C666
- 8FCC78
- 9DD38A
- ABDA9B
- B9E0AC
- C7E6BC
- D5EDCD
- E3F3DE
- F1F9EE
Ombres
- 62A647
- 538D3B
- 447530
- 365E25
- 28481B
- 1B3311
- 0E1F08
- 040D02
- 010200
Tons
- 74B95A
- 77B360
- 78AC65
- 7AA66A
- 7CA06F
- 7D9A73
- 7E9376
- 7F8D7A
- 7F867D
Harmonies de couleurs
Complémentaire +180°
- 72BF53
Mantis
- D184EA
≈ Lavender Perceptions
Analogue -30° +30°
- 72BF53
Mantis
- B3AE00
≈ Fusion
- 00C595
≈ Píng Gǔo Lǜ Green
Triadique +120° +240°
- 72BF53
Mantis
- 6DA9FF
≈ Fennel Flower
- FD7881
≈ Anime Blush
Complémentaire divisée +150° +210°
- 72BF53
Mantis
- A497FF
≈ Cobalite
- F079BA
≈ Persian Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.25:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.29:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--mantis: #72bf53;
--mantis-rgb: 114 191 83;
--mantis-oklch: oklch(0.731 0.163 137.6);
}
.element {
color: var(--mantis);
background-color: hsl(103 46% 54%);
border-color: oklch(0.731 0.163 137.6);
}Tailwind CSS v4
@theme {
--color-mantis: #72bf53;
--color-mantis-50: #deffd5;
--color-mantis-100: #ccf6c2;
--color-mantis-200: #b0e6a3;
--color-mantis-300: #8acc7a;
--color-mantis-400: #6cb44f;
--color-mantis-500: #489d1b;
--color-mantis-600: #3e851b;
--color-mantis-700: #326b15;
--color-mantis-800: #264e08;
--color-mantis-900: #193606;
--color-mantis-950: #0a2100;
}SCSS
$mantis: #72bf53;
$mantis-rgb: 114, 191, 83;
$mantis-light: mix(#fff, $mantis, 20%);
$mantis-dark: mix(#000, $mantis, 20%);
.element {
color: $mantis;
box-shadow: 0 0 0 2px rgba($mantis, 0.35);
}