Adlandırılmış renk · #94895F
Enchanted Wood
Enchanted Wood, #94895F: rgb(148 137 95), hsl(48 22% 48%), oklch(0.629 0.06 95.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Enchanted Wood color name →
#94895F
oklch(0.629 0.06 95.2)
Renk dönüşümleri
- HEX
- #94895f
- RGB
- rgb(148 137 95)
- HSL
- hsl(48 22% 48%)
- HWB
- hwb(48 37% 42%)
- OKLCH
- oklch(0.629 0.06 95.2)
- OKLab
- oklab(0.629 -0.005 0.06)
- CIE Lab
- lab(57.29 -0.56 24.14)
- LCH
- lch(57.29 24.15 91.3)
- CMYK
- cmyk(0% 7% 36% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E946E
- A8A07E
- B3AB8E
- BDB79D
- C8C3AD
- D3CEBD
- DEDACD
- E9E7DE
- F4F3EE
Koyu tonlar
- 807652
- 6D6444
- 5A5338
- 48422C
- 363120
- 262215
- 16140A
- 080703
- 010100
Gri tonlar
- 928863
- 908766
- 8E866A
- 8C866D
- 8A8571
- 888474
- 868377
- 84827A
- 82817D
Renk uyumları
Tamamlayıcı +180°
- 94895F
Enchanted Wood
- 7E86AE
≈ Corsican Purple
Analog -30° +30°
- 94895F
Enchanted Wood
- A38262
≈ Mulled Cider
- 809068
≈ Saladin
Üçlü +120° +240°
- 94895F
Enchanted Wood
- 5D93A0
≈ Manitou Blue
- A07B97
≈ Valerian
Bölünmüş tamamlayıcı +150° +210°
- 94895F
Enchanted Wood
- 6A8DAB
≈ Scanda
- 9180A6
≈ Fabulous Grape
Dörtlü +90° +180° +270°
- 94895F
Enchanted Wood
- 5D958E
≈ Martian Cerulean
- 7E86AE
≈ Corsican Purple
- A97A84
≈ Mauve Madness
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.49:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 6.00:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-wood: #94895f;
--enchanted-wood-rgb: 148 137 95;
--enchanted-wood-oklch: oklch(0.629 0.06 95.2);
}
.element {
color: var(--enchanted-wood);
background-color: hsl(48 22% 48%);
border-color: oklch(0.629 0.06 95.2);
}Tailwind CSS v4
@theme {
--color-enchanted-wood: #94895f;
--color-enchanted-wood-50: #faf6e2;
--color-enchanted-wood-100: #ede8d2;
--color-enchanted-wood-200: #dbd5b8;
--color-enchanted-wood-300: #c0b895;
--color-enchanted-wood-400: #a99f76;
--color-enchanted-wood-500: #928658;
--color-enchanted-wood-600: #7c724b;
--color-enchanted-wood-700: #635b3b;
--color-enchanted-wood-800: #49422a;
--color-enchanted-wood-900: #332e1c;
--color-enchanted-wood-950: #1f1a0c;
}SCSS
$enchanted-wood: #94895f;
$enchanted-wood-rgb: 148, 137, 95;
$enchanted-wood-light: mix(#fff, $enchanted-wood, 20%);
$enchanted-wood-dark: mix(#000, $enchanted-wood, 20%);
.element {
color: $enchanted-wood;
box-shadow: 0 0 0 2px rgba($enchanted-wood, 0.35);
}