Adlandırılmış renk · #816B68
Autumn Ashes
Autumn Ashes, #816B68: rgb(129 107 104), hsl(7 11% 46%), oklch(0.548 0.029 27.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Autumn Ashes color name →
#816B68
oklch(0.548 0.029 27.2)
Renk dönüşümleri
- HEX
- #816b68
- RGB
- rgb(129 107 104)
- HSL
- hsl(7 11% 46%)
- HWB
- hwb(7 41% 49%)
- OKLCH
- oklch(0.548 0.029 27.2)
- OKLab
- oklab(0.548 0.025 0.013)
- CIE Lab
- lab(47.32 8.62 5.12)
- LCH
- lch(47.32 10.02 30.7)
- CMYK
- cmyk(0% 17% 19% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8D7976
- 998784
- A59593
- B2A4A1
- BEB2B1
- CBC1C0
- D8D0CF
- E5E0DF
- F2EFEF
Koyu tonlar
- 6F5C59
- 5E4E4B
- 4E3F3E
- 3E3230
- 2E2524
- 1F1818
- 120D0C
- 060404
- 010000
Gri tonlar
- 816D6A
- 816F6D
- 81716F
- 817372
- 817674
- 817876
- 817A79
- 807C7B
- 807E7E
Renk uyumları
Tamamlayıcı +180°
- 816B68
Autumn Ashes
- 5E7679
≈ Becker Blue
Analog -30° +30°
- 816B68
Autumn Ashes
- 806A71
≈ Ancient Shelter
- 7E6D61
≈ Namibia
Üçlü +120° +240°
- 816B68
Autumn Ashes
- 667668
≈ Galena
- 697182
≈ Flintstone
Bölünmüş tamamlayıcı +150° +210°
- 816B68
Autumn Ashes
- 607771
≈ Galena
- 627480
≈ Wharf View
Dörtlü +90° +180° +270°
- 816B68
Autumn Ashes
- 6F7361
≈ Magic Mountain
- 5E7679
≈ Becker Blue
- 726E80
≈ Paisley
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.95:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.23:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--autumn-ashes: #816b68;
--autumn-ashes-rgb: 129 107 104;
--autumn-ashes-oklch: oklch(0.548 0.029 27.2);
}
.element {
color: var(--autumn-ashes);
background-color: hsl(7 11% 46%);
border-color: oklch(0.548 0.029 27.2);
}Tailwind CSS v4
@theme {
--color-autumn-ashes: #816b68;
--color-autumn-ashes-50: #fdf2f0;
--color-autumn-ashes-100: #f1e5e2;
--color-autumn-ashes-200: #e0d0cd;
--color-autumn-ashes-300: #c6b2af;
--color-autumn-ashes-400: #af9895;
--color-autumn-ashes-500: #987f7c;
--color-autumn-ashes-600: #816c69;
--color-autumn-ashes-700: #675654;
--color-autumn-ashes-800: #4c3f3d;
--color-autumn-ashes-900: #352b2a;
--color-autumn-ashes-950: #201818;
}SCSS
$autumn-ashes: #816b68;
$autumn-ashes-rgb: 129, 107, 104;
$autumn-ashes-light: mix(#fff, $autumn-ashes, 20%);
$autumn-ashes-dark: mix(#000, $autumn-ashes, 20%);
.element {
color: $autumn-ashes;
box-shadow: 0 0 0 2px rgba($autumn-ashes, 0.35);
}