Adlandırılmış renk · #864F3E
Antler Moth
Antler Moth, #864F3E: rgb(134 79 62), hsl(14 37% 38%), oklch(0.487 0.079 37.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Antler Moth color name →
#864F3E
oklch(0.487 0.079 37.9)
Renk dönüşümleri
- HEX
- #864f3e
- RGB
- rgb(134 79 62)
- HSL
- hsl(14 37% 38%)
- HWB
- hwb(14 24% 47%)
- OKLCH
- oklch(0.487 0.079 37.9)
- OKLab
- oklab(0.487 0.062 0.049)
- CIE Lab
- lab(39.92 22.37 20.39)
- LCH
- lch(39.92 30.27 42.4)
- CMYK
- cmyk(0% 41% 54% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 926050
- 9F7062
- AB8174
- B79287
- C3A49A
- CFB6AE
- DBC8C2
- E7DAD6
- F3ECEA
Koyu tonlar
- 744435
- 62382B
- 512E23
- 40231A
- 301912
- 21100A
- 130704
- 060201
- 010000
Gri tonlar
- 865445
- 86594B
- 865E52
- 856359
- 85685F
- 846D66
- 83726C
- 827773
- 817B79
Renk uyumları
Tamamlayıcı +180°
- 864F3E
Antler Moth
- 1A6A7D
≈ Allports
Analog -30° +30°
- 864F3E
Antler Moth
- 864C57
≈ Wine Not
- 7D572A
≈ Arable Brown
Üçlü +120° +240°
- 864F3E
Antler Moth
- 346D4E
≈ Jungle Book Green
- 555B8C
≈ Midnight Sea
Bölünmüş tamamlayıcı +150° +210°
- 864F3E
Antler Moth
- 146E68
≈ Tide Pools
- 39638A
≈ Mississippi River
Dörtlü +90° +180° +270°
- 864F3E
Antler Moth
- 536835
≈ Tiāntāi Mountain Green
- 1A6A7D
≈ Allports
- 6C5382
≈ Gutsy Grape
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.55:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.20:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--antler-moth: #864f3e;
--antler-moth-rgb: 134 79 62;
--antler-moth-oklch: oklch(0.487 0.079 37.9);
}
.element {
color: var(--antler-moth);
background-color: hsl(14 37% 38%);
border-color: oklch(0.487 0.079 37.9);
}Tailwind CSS v4
@theme {
--color-antler-moth: #864f3e;
--color-antler-moth-50: #ffeee4;
--color-antler-moth-100: #ffe0d4;
--color-antler-moth-200: #f3cabb;
--color-antler-moth-300: #dcaa99;
--color-antler-moth-400: #c88e7d;
--color-antler-moth-500: #b4735f;
--color-antler-moth-600: #986251;
--color-antler-moth-700: #7a4e41;
--color-antler-moth-800: #5a382f;
--color-antler-moth-900: #3f2720;
--color-antler-moth-950: #28150f;
}SCSS
$antler-moth: #864f3e;
$antler-moth-rgb: 134, 79, 62;
$antler-moth-light: mix(#fff, $antler-moth, 20%);
$antler-moth-dark: mix(#000, $antler-moth, 20%);
.element {
color: $antler-moth;
box-shadow: 0 0 0 2px rgba($antler-moth, 0.35);
}