En yakın adlandırılmış renk · #346C31
#346C31
En yakın adlandırılmış renk: Enchanted Glen
#346C31 (rgb(52 108 49), hsl(117 38% 31%), oklch(0.478 0.108 142.7)) 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.
#346C31
oklch(0.478 0.108 142.7)
Renk dönüşümleri
- HEX
- #346c31
- RGB
- rgb(52 108 49)
- HSL
- hsl(117 38% 31%)
- HWB
- hwb(117 19% 58%)
- OKLCH
- oklch(0.478 0.108 142.7)
- OKLab
- oklab(0.478 -0.086 0.065)
- CIE Lab
- lab(40.74 -29.13 26.79)
- LCH
- lch(40.74 39.57 137.4)
- CMYK
- cmyk(52% 0% 55% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 487A45
- 5C8859
- 70976C
- 83A580
- 97B495
- ACC3A9
- C0D1BE
- D5E0D3
- EAF0E9
Koyu tonlar
- 2C5D29
- 244E22
- 1C401A
- 153213
- 0E250C
- 071906
- 030D03
- 010401
- 000000
Gri tonlar
- 3D6E3A
- 457042
- 4D734A
- 557552
- 5C775A
- 647962
- 6B7B69
- 727C71
- 797E78
Renk uyumları
Tamamlayıcı +180°
- 346C31
Enchanted Glen
- 794680
≈ Nightly Violet
Analog -30° +30°
- 346C31
Enchanted Glen
- 5E6300
≈ Mud Green
- 006D58
≈ Teal Dark Green
Üçlü +120° +240°
- 346C31
Enchanted Glen
- 3B5B9A
≈ Raftsman
- 904140
≈ Awning Red
Bölünmüş tamamlayıcı +150° +210°
- 346C31
Enchanted Glen
- 605094
≈ Purple Corallite
- 8A4063
≈ Bonbon Red
Dörtlü +90° +180° +270°
- 346C31
Enchanted Glen
- 00658B
≈ Reservoir
- 794680
≈ Nightly Violet
- 8B4918
≈ Brown Eyed Girl
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.29:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.33:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-glen: #346c31;
--enchanted-glen-rgb: 52 108 49;
--enchanted-glen-oklch: oklch(0.478 0.108 142.7);
}
.element {
color: var(--enchanted-glen);
background-color: hsl(117 38% 31%);
border-color: oklch(0.478 0.108 142.7);
}Tailwind CSS v4
@theme {
--color-enchanted-glen: #346c31;
--color-enchanted-glen-50: #e3fee2;
--color-enchanted-glen-100: #d3f2d2;
--color-enchanted-glen-200: #b8e1b8;
--color-enchanted-glen-300: #95c695;
--color-enchanted-glen-400: #78af74;
--color-enchanted-glen-500: #589854;
--color-enchanted-glen-600: #4b8148;
--color-enchanted-glen-700: #3c6739;
--color-enchanted-glen-800: #2c4b27;
--color-enchanted-glen-900: #1e341a;
--color-enchanted-glen-950: #0e200b;
}SCSS
$enchanted-glen: #346c31;
$enchanted-glen-rgb: 52, 108, 49;
$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);
}