En yakın adlandırılmış renk · #376D30
#376D30
En yakın adlandırılmış renk: Enchanted Glen
#376D30 (rgb(55 109 48), hsl(113 39% 31%), oklch(0.482 0.109 141.5)) en çok Enchanted Glen adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#376D30
oklch(0.482 0.109 141.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4B7B44
- 5E8958
- 71976C
- 85A680
- 99B494
- ADC3A9
- C1D2BE
- D5E1D3
- EAF0E9
Koyu tonlar
- 2E5E28
- 264F21
- 1E411A
- 163313
- 0F260C
- 081906
- 030D03
- 010401
- 000100
Gri tonlar
- 3F6F39
- 477142
- 4F734A
- 567552
- 5D775A
- 647961
- 6B7B69
- 727D71
- 797E78
Renk uyumları
Tamamlayıcı +180°
- 376D30
Enchanted Glen
- 7A4783
≈ Nightly Violet
Analog -30° +30°
- 376D30
Enchanted Glen
- 616300
≈ Mud Green
- 006F57
≈ Teal Dark Green
Üçlü +120° +240°
- 376D30
Enchanted Glen
- 3A5D9B
≈ Raftsman
- 924242
≈ Awning Red
Bölünmüş tamamlayıcı +150° +210°
- 376D30
Enchanted Glen
- 605196
≈ Purple Opulence
- 8B4165
≈ Bonbon Red
Dörtlü +90° +180° +270°
- 376D30
Enchanted Glen
- 00678B
≈ Pulsating Blue
- 7A4783
≈ Nightly Violet
- 8D491A
≈ Brown Eyed Girl
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.18:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.39:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}