En yakın adlandırılmış renk · #988664
#988664
En yakın adlandırılmış renk: Mushroom Forest
#988664 (rgb(152 134 100), hsl(39 21% 49%), oklch(0.628 0.053 83.1)) en çok Mushroom Forest 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.
#988664
oklch(0.628 0.053 83.1)
Renk dönüşümleri
- HEX
- #988664
- RGB
- rgb(152 134 100)
- HSL
- hsl(39 21% 49%)
- HWB
- hwb(39 39% 40%)
- OKLCH
- oklch(0.628 0.053 83.1)
- OKLab
- oklab(0.628 0.006 0.052)
- CIE Lab
- lab(56.93 3.18 21)
- LCH
- lch(56.93 21.24 81.4)
- CMYK
- cmyk(0% 12% 34% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A29273
- AC9D82
- B6A991
- C0B5A0
- CAC1AF
- D5CDBF
- DFD9CF
- EAE6DF
- F4F2EF
Koyu tonlar
- 847456
- 706248
- 5C513B
- 4A402E
- 383022
- 272116
- 17130B
- 080603
- 010100
Gri tonlar
- 968567
- 93856A
- 91846D
- 8E8470
- 8C8373
- 8A8375
- 878278
- 85817B
- 82817D
Renk uyumları
Tamamlayıcı +180°
- 988664
Mushroom Forest
- 7889A9
≈ Ship Cove
Analog -30° +30°
- 988664
Mushroom Forest
- A3806B
≈ Red Earth
- 888C67
≈ Pesto Paste
Üçlü +120° +240°
- 988664
Mushroom Forest
- 629297
≈ Clear Brook
- 987E9B
≈ Amorous
Bölünmüş tamamlayıcı +150° +210°
- 988664
Mushroom Forest
- 698EA3
≈ French Court
- 8983A6
≈ Purple Hills
Dörtlü +90° +180° +270°
- 988664
Mushroom Forest
- 679385
≈ Pine Ridge
- 7889A9
≈ Ship Cove
- A37C8B
≈ Dusky Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.54:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.92:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--mushroom-forest: #988664;
--mushroom-forest-rgb: 152 134 100;
--mushroom-forest-oklch: oklch(0.628 0.053 83.1);
}
.element {
color: var(--mushroom-forest);
background-color: hsl(39 21% 49%);
border-color: oklch(0.628 0.053 83.1);
}Tailwind CSS v4
@theme {
--color-mushroom-forest: #988664;
--color-mushroom-forest-50: #fcf4e5;
--color-mushroom-forest-100: #f0e7d5;
--color-mushroom-forest-200: #dfd3bb;
--color-mushroom-forest-300: #c4b699;
--color-mushroom-forest-400: #ae9c7b;
--color-mushroom-forest-500: #97835e;
--color-mushroom-forest-600: #806f50;
--color-mushroom-forest-700: #665940;
--color-mushroom-forest-800: #4c412d;
--color-mushroom-forest-900: #352d1f;
--color-mushroom-forest-950: #201a0e;
}SCSS
$mushroom-forest: #988664;
$mushroom-forest-rgb: 152, 134, 100;
$mushroom-forest-light: mix(#fff, $mushroom-forest, 20%);
$mushroom-forest-dark: mix(#000, $mushroom-forest, 20%);
.element {
color: $mushroom-forest;
box-shadow: 0 0 0 2px rgba($mushroom-forest, 0.35);
}