En yakın adlandırılmış renk · #6C764F
#6C764F
En yakın adlandırılmış renk: Dill
#6C764F (rgb(108 118 79), hsl(75 20% 39%), oklch(0.547 0.058 120.1)) en çok Dill 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.
#6C764F
oklch(0.547 0.058 120.1)
Renk dönüşümleri
- HEX
- #6c764f
- RGB
- rgb(108 118 79)
- HSL
- hsl(75 20% 39%)
- HWB
- hwb(75 31% 54%)
- OKLCH
- oklch(0.547 0.058 120.1)
- OKLab
- oklab(0.547 -0.029 0.051)
- CIE Lab
- lab(48 -9.17 20.22)
- LCH
- lch(48 22.21 114.4)
- CMYK
- cmyk(8% 0% 33% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7A8360
- 879070
- 969D81
- A4AB92
- B3B8A4
- C1C6B6
- D0D4C8
- E0E2DA
- EFF1EC
Koyu tonlar
- 5D6644
- 4E5638
- 40472E
- 323823
- 252919
- 191C10
- 0D0F07
- 040502
- 000100
Gri tonlar
- 6E7754
- 707859
- 72795E
- 747A63
- 767B68
- 787C6D
- 7A7D72
- 7C7E76
- 7E7F7B
Renk uyumları
Tamamlayıcı +180°
- 6C764F
Dill
- 76698E
≈ Bureaucracy
Analog -30° +30°
- 6C764F
Dill
- 7E6F48
≈ Mossy Shade
- 587B5F
≈ Green Mantle
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.83:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.34:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--dill: #6c764f;
--dill-rgb: 108 118 79;
--dill-oklch: oklch(0.547 0.058 120.1);
}
.element {
color: var(--dill);
background-color: hsl(75 20% 39%);
border-color: oklch(0.547 0.058 120.1);
}Tailwind CSS v4
@theme {
--color-dill: #6c764f;
--color-dill-50: #f2f8e6;
--color-dill-100: #e4ebd6;
--color-dill-200: #d0d9bd;
--color-dill-300: #b2bd9c;
--color-dill-400: #9aa47d;
--color-dill-500: #818c60;
--color-dill-600: #6d7752;
--color-dill-700: #575f41;
--color-dill-800: #40452e;
--color-dill-900: #2c301f;
--color-dill-950: #191c0f;
}SCSS
$dill: #6c764f;
$dill-rgb: 108, 118, 79;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}