En yakın adlandırılmış renk · #6E8378
#6E8378
En yakın adlandırılmış renk: Ecological
#6E8378 (rgb(110 131 120), hsl(149 9% 47%), oklch(0.59 0.03 162.6)) en çok Ecological 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.
#6E8378
oklch(0.59 0.03 162.6)
Renk dönüşümleri
- HEX
- #6e8378
- RGB
- rgb(110 131 120)
- HSL
- hsl(149 9% 47%)
- HWB
- hwb(149 43% 49%)
- OKLCH
- oklch(0.59 0.03 162.6)
- OKLab
- oklab(0.59 -0.028 0.009)
- CIE Lab
- lab(52.82 -9.67 3.29)
- LCH
- lch(52.82 10.21 161.2)
- CMYK
- cmyk(16% 0% 8% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C8F85
- 899B91
- 97A79F
- A6B3AC
- B4BFB9
- C3CCC7
- D2D8D5
- E1E5E3
- F0F2F1
Koyu tonlar
- 5F7167
- 506057
- 414F48
- 333F39
- 262F2A
- 19201D
- 0E1210
- 040605
- 010101
Gri tonlar
- 708379
- 72827A
- 74827A
- 75827B
- 77827C
- 79817D
- 7B817E
- 7D817E
- 7E807F
Renk uyumları
Tamamlayıcı +180°
- 6E8378
Ecological
- 8A7782
≈ Purple Rubiate
Analog -30° +30°
- 6E8378
Ecological
- 77816F
≈ Ellis Mist
- 698382
≈ Rock Creek
Üçlü +120° +240°
- 6E8378
Ecological
- 7A7B8F
≈ Soulful Blue
- 8D7870
≈ Cedar Plank
Bölünmüş tamamlayıcı +150° +210°
- 6E8378
Ecological
- 83788A
≈ Grey Ridge
- 8E7678
≈ Bazaar
Dörtlü +90° +180° +270°
- 6E8378
Ecological
- 717F8F
≈ Chain Gang Grey
- 8A7782
≈ Purple Rubiate
- 887B6A
≈ Native Soil
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.05:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.18:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--ecological: #6e8378;
--ecological-rgb: 110 131 120;
--ecological-oklch: oklch(0.59 0.03 162.6);
}
.element {
color: var(--ecological);
background-color: hsl(149 9% 47%);
border-color: oklch(0.59 0.03 162.6);
}Tailwind CSS v4
@theme {
--color-ecological: #6e8378;
--color-ecological-50: #eef8f3;
--color-ecological-100: #dfebe5;
--color-ecological-200: #c9d8d1;
--color-ecological-300: #aabcb3;
--color-ecological-400: #90a499;
--color-ecological-500: #758d80;
--color-ecological-600: #63776d;
--color-ecological-700: #4f5f57;
--color-ecological-800: #3a463f;
--color-ecological-900: #28302b;
--color-ecological-950: #161c19;
}SCSS
$ecological: #6e8378;
$ecological-rgb: 110, 131, 120;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}