Adlandırılmış renk · #847C70
Fireplace Mantel
Fireplace Mantel, #847C70: rgb(132 124 112), hsl(36 8% 48%), oklch(0.59 0.02 78.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? → · Fireplace Mantel color name →
#847C70
oklch(0.59 0.02 78.2)
Renk dönüşümleri
- HEX
- #847c70
- RGB
- rgb(132 124 112)
- HSL
- hsl(36 8% 48%)
- HWB
- hwb(36 44% 48%)
- OKLCH
- oklch(0.59 0.02 78.2)
- OKLab
- oklab(0.59 0.004 0.02)
- CIE Lab
- lab(52.47 1.54 7.73)
- LCH
- lch(52.47 7.88 78.7)
- CMYK
- cmyk(0% 6% 15% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90887D
- 9B958B
- A7A199
- B3AEA7
- C0BBB5
- CCC9C3
- D9D6D2
- E5E3E1
- F2F1F0
Koyu tonlar
- 726B60
- 605A51
- 4F4A43
- 3F3B35
- 2F2C27
- 201E1A
- 12110E
- 060504
- 010101
Gri tonlar
- 847C72
- 837D73
- 837D75
- 827E76
- 827E78
- 827E7A
- 817F7B
- 817F7D
- 80807E
Renk uyumları
Tamamlayıcı +180°
- 847C70
Fireplace Mantel
- 767E8A
≈ Bay Wharf
Analog -30° +30°
- 847C70
Fireplace Mantel
- 887A73
≈ Wet River Rock
- 7E7E71
≈ Link Grey
Üçlü +120° +240°
- 847C70
Fireplace Mantel
- 708182
≈ Stormy Sea
- 827A85
≈ Grey Ridge
Bölünmüş tamamlayıcı +150° +210°
- 847C70
Fireplace Mantel
- 718087
≈ Atlantic Shoreline
- 7C7C89
≈ Silver Surfer
Dörtlü +90° +180° +270°
- 847C70
Fireplace Mantel
- 72817B
≈ Taiga
- 767E8A
≈ Bay Wharf
- 87797F
≈ Blooming Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.11:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.09:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--fireplace-mantel: #847c70;
--fireplace-mantel-rgb: 132 124 112;
--fireplace-mantel-oklch: oklch(0.59 0.02 78.2);
}
.element {
color: var(--fireplace-mantel);
background-color: hsl(36 8% 48%);
border-color: oklch(0.59 0.02 78.2);
}Tailwind CSS v4
@theme {
--color-fireplace-mantel: #847c70;
--color-fireplace-mantel-50: #f8f5ef;
--color-fireplace-mantel-100: #ebe7e0;
--color-fireplace-mantel-200: #d9d3cb;
--color-fireplace-mantel-300: #bdb6ac;
--color-fireplace-mantel-400: #a59d91;
--color-fireplace-mantel-500: #8e8577;
--color-fireplace-mantel-600: #787065;
--color-fireplace-mantel-700: #605a51;
--color-fireplace-mantel-800: #46423b;
--color-fireplace-mantel-900: #312d28;
--color-fireplace-mantel-950: #1d1a16;
}SCSS
$fireplace-mantel: #847c70;
$fireplace-mantel-rgb: 132, 124, 112;
$fireplace-mantel-light: mix(#fff, $fireplace-mantel, 20%);
$fireplace-mantel-dark: mix(#000, $fireplace-mantel, 20%);
.element {
color: $fireplace-mantel;
box-shadow: 0 0 0 2px rgba($fireplace-mantel, 0.35);
}