Adlandırılmış renk · #716354
Smokehouse
Smokehouse, #716354: rgb(113 99 84), hsl(31 15% 39%), oklch(0.509 0.029 69). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Smokehouse color name →
#716354
oklch(0.509 0.029 69)
Renk dönüşümleri
- HEX
- #716354
- RGB
- rgb(113 99 84)
- HSL
- hsl(31 15% 39%)
- HWB
- hwb(31 33% 56%)
- OKLCH
- oklch(0.509 0.029 69)
- OKLab
- oklab(0.509 0.01 0.027)
- CIE Lab
- lab(43 3.87 10.72)
- LCH
- lch(43 11.4 70.1)
- CMYK
- cmyk(0% 12% 26% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7E7164
- 8C8074
- 9A8F84
- A79E95
- B6AEA6
- C4BEB7
- D2CEC9
- E1DEDA
- F0EEED
Koyu tonlar
- 615548
- 52473C
- 433A31
- 352E26
- 27211B
- 1A1611
- 0E0B08
- 040302
- 010000
Gri tonlar
- 736658
- 74695D
- 766C61
- 776F65
- 79716A
- 7A746E
- 7C7773
- 7D7A77
- 7F7D7C
Renk uyumları
Tamamlayıcı +180°
- 716354
Smokehouse
- 596776
≈ Blue Zephyr
Analog -30° +30°
- 716354
Smokehouse
- 75605A
≈ Raisin in the Sun
- 6A6653
≈ Kalamata
Üçlü +120° +240°
- 716354
Smokehouse
- 536B69
≈ Sequoia Lake
- 6B6173
≈ Iris Petal
Bölünmüş tamamlayıcı +150° +210°
- 716354
Smokehouse
- 536A71
≈ Distance
- 626477
≈ Comet
Dörtlü +90° +180° +270°
- 716354
Smokehouse
- 586B60
≈ Hockham Green
- 596776
≈ Blue Zephyr
- 725F6B
≈ Smoked Mulberry
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.80:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.61:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--smokehouse: #716354;
--smokehouse-rgb: 113 99 84;
--smokehouse-oklch: oklch(0.509 0.029 69);
}
.element {
color: var(--smokehouse);
background-color: hsl(31 15% 39%);
border-color: oklch(0.509 0.029 69);
}Tailwind CSS v4
@theme {
--color-smokehouse: #716354;
--color-smokehouse-50: #fbf4ec;
--color-smokehouse-100: #eee6de;
--color-smokehouse-200: #dcd2c7;
--color-smokehouse-300: #c1b5a8;
--color-smokehouse-400: #aa9c8c;
--color-smokehouse-500: #938372;
--color-smokehouse-600: #7d6f60;
--color-smokehouse-700: #64594d;
--color-smokehouse-800: #494138;
--color-smokehouse-900: #332d26;
--color-smokehouse-950: #1f1a15;
}SCSS
$smokehouse: #716354;
$smokehouse-rgb: 113, 99, 84;
$smokehouse-light: mix(#fff, $smokehouse, 20%);
$smokehouse-dark: mix(#000, $smokehouse, 20%);
.element {
color: $smokehouse;
box-shadow: 0 0 0 2px rgba($smokehouse, 0.35);
}