Couleur nommée la plus proche · #376D30
#376D30
Couleur nommée la plus proche: Enchanted Glen
#376D30 (rgb(55 109 48), hsl(113 39% 31%), oklch(0.482 0.109 141.5)) est la plus proche de la couleur nommée Enchanted Glen. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#376D30
oklch(0.482 0.109 141.5)
Conversions de couleur
- HEX
- #376d30
- RGB
- rgb(55 109 48)
- HSL
- hsl(113 39% 31%)
- HWB
- hwb(113 19% 57%)
- OKLCH
- oklch(0.482 0.109 141.5)
- OKLab
- oklab(0.482 -0.085 0.068)
- CIE Lab
- lab(41.2 -28.69 27.9)
- LCH
- lch(41.2 40.02 135.8)
- CMYK
- cmyk(50% 0% 56% 57%)
Teintes · Ombres · Tons
Teintes
- 4B7B44
- 5E8958
- 71976C
- 85A680
- 99B494
- ADC3A9
- C1D2BE
- D5E1D3
- EAF0E9
Ombres
- 2E5E28
- 264F21
- 1E411A
- 163313
- 0F260C
- 081906
- 030D03
- 010401
- 000100
Tons
- 3F6F39
- 477142
- 4F734A
- 567552
- 5D775A
- 647961
- 6B7B69
- 727D71
- 797E78
Harmonies de couleurs
Complémentaire +180°
- 376D30
Enchanted Glen
- 7A4783
≈ Nightly Violet
Analogue -30° +30°
- 376D30
Enchanted Glen
- 616300
≈ Mud Green
- 006F57
≈ Teal Dark Green
Triadique +120° +240°
- 376D30
Enchanted Glen
- 3A5D9B
≈ Raftsman
- 924242
≈ Awning Red
Complémentaire divisée +150° +210°
- 376D30
Enchanted Glen
- 605196
≈ Purple Opulence
- 8B4165
≈ Bonbon Red
Tétradique +90° +180° +270°
- 376D30
Enchanted Glen
- 00678B
≈ Pulsating Blue
- 7A4783
≈ Nightly Violet
- 8D491A
≈ Brown Eyed Girl
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.18:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.39:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--enchanted-glen: #376d30;
--enchanted-glen-rgb: 55 109 48;
--enchanted-glen-oklch: oklch(0.482 0.109 141.5);
}
.element {
color: var(--enchanted-glen);
background-color: hsl(113 39% 31%);
border-color: oklch(0.482 0.109 141.5);
}Tailwind CSS v4
@theme {
--color-enchanted-glen: #376d30;
--color-enchanted-glen-50: #e3fee2;
--color-enchanted-glen-100: #d3f2d1;
--color-enchanted-glen-200: #b9e1b7;
--color-enchanted-glen-300: #96c694;
--color-enchanted-glen-400: #79af72;
--color-enchanted-glen-500: #5a9852;
--color-enchanted-glen-600: #4d8046;
--color-enchanted-glen-700: #3d6738;
--color-enchanted-glen-800: #2d4b26;
--color-enchanted-glen-900: #1f3419;
--color-enchanted-glen-950: #0e200a;
}SCSS
$enchanted-glen: #376d30;
$enchanted-glen-rgb: 55, 109, 48;
$enchanted-glen-light: mix(#fff, $enchanted-glen, 20%);
$enchanted-glen-dark: mix(#000, $enchanted-glen, 20%);
.element {
color: $enchanted-glen;
box-shadow: 0 0 0 2px rgba($enchanted-glen, 0.35);
}