Couleur nommée la plus proche · #42C74D
#42C74D
Couleur nommée la plus proche: Walled Garden
#42C74D (rgb(66 199 77), hsl(125 54% 52%), oklch(0.732 0.2 144.4)) est la plus proche de la couleur nommée Walled Garden. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#42C74D
oklch(0.732 0.2 144.4)
Conversions de couleur
- HEX
- #42c74d
- RGB
- rgb(66 199 77)
- HSL
- hsl(125 54% 52%)
- HWB
- hwb(125 26% 22%)
- OKLCH
- oklch(0.732 0.2 144.4)
- OKLab
- oklab(0.732 -0.162 0.116)
- CIE Lab
- lab(71.29 -55.58 48.57)
- LCH
- lch(71.29 73.81 138.8)
- CMYK
- cmyk(67% 0% 61% 22%)
Teintes · Ombres · Tons
Teintes
- 5CCD62
- 72D375
- 86D987
- 99DF99
- AAE5AA
- BCEABB
- CDF0CC
- DEF5DD
- EEFAEE
Ombres
- 38AD42
- 2F9337
- 257A2C
- 1C6222
- 144C18
- 0B360F
- 052107
- 010E02
- 000200
Tons
- 4EC055
- 58B95C
- 60B262
- 67AB68
- 6DA46D
- 729D71
- 769675
- 7A8F79
- 7D877D
Harmonies de couleurs
Complémentaire +180°
- 42C74D
Walled Garden
- E475ED
≈ Pink Bonnet
Analogue -30° +30°
- 42C74D
Walled Garden
- A7B300
≈ Mustard Green
- 00C4A2
≈ Jadeite
Triadique +120° +240°
- 42C74D
Walled Garden
- 7CA6FF
≈ Fennel Flower
- FF7973
≈ Embarrassment
Complémentaire divisée +150° +210°
- 42C74D
Walled Garden
- AF93FF
≈ Lilac Geode
- FF6DB0
≈ Yíng Guāng Sè Pink
Tétradique +90° +180° +270°
- 42C74D
Walled Garden
- 00B6FA
≈ Blue Bolt
- E475ED
≈ Pink Bonnet
- FD8200
≈ Oriole
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.20:1 · APCA Lc 43
Ag
AAASur noir
WCAG 9.50:1 · APCA Lc 59
Meilleure couleur de texte: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Extraits de code
CSS
:root {
--walled-garden: #42c74d;
--walled-garden-rgb: 66 199 77;
--walled-garden-oklch: oklch(0.732 0.2 144.4);
}
.element {
color: var(--walled-garden);
background-color: hsl(125 54% 52%);
border-color: oklch(0.732 0.2 144.4);
}Tailwind CSS v4
@theme {
--color-walled-garden: #42c74d;
--color-walled-garden-50: #d1ffd4;
--color-walled-garden-100: #bcfbc1;
--color-walled-garden-200: #9aeba1;
--color-walled-garden-300: #6bd277;
--color-walled-garden-400: #3fbb49;
--color-walled-garden-500: #00a504;
--color-walled-garden-600: #008b0d;
--color-walled-garden-700: #00700c;
--color-walled-garden-800: #005200;
--color-walled-garden-900: #023901;
--color-walled-garden-950: #002300;
}SCSS
$walled-garden: #42c74d;
$walled-garden-rgb: 66, 199, 77;
$walled-garden-light: mix(#fff, $walled-garden, 20%);
$walled-garden-dark: mix(#000, $walled-garden, 20%);
.element {
color: $walled-garden;
box-shadow: 0 0 0 2px rgba($walled-garden, 0.35);
}