Adlandırılmış renk · #5B4E4A
Charred Hickory
Charred Hickory, #5B4E4A: rgb(91 78 74), hsl(14 10% 32%), oklch(0.436 0.019 37.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Charred Hickory color name →
#5B4E4A
oklch(0.436 0.019 37.8)
Renk dönüşümleri
- HEX
- #5b4e4a
- RGB
- rgb(91 78 74)
- HSL
- hsl(14 10% 32%)
- HWB
- hwb(14 29% 64%)
- OKLCH
- oklch(0.436 0.019 37.8)
- OKLab
- oklab(0.436 0.015 0.011)
- CIE Lab
- lab(34.4 5.05 4.48)
- LCH
- lch(34.4 6.75 41.6)
- CMYK
- cmyk(0% 14% 19% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6A5E5A
- 796E6B
- 897F7C
- 99908E
- A9A2A0
- BAB4B2
- CBC6C5
- DCD9D8
- EDECEB
Koyu tonlar
- 4E433F
- 413835
- 352D2A
- 292320
- 1E1917
- 130F0E
- 090706
- 030202
- 000000
Gri tonlar
- 5F534F
- 625854
- 665D5A
- 6A625F
- 6D6764
- 716C6A
- 75716F
- 797675
- 7C7B7A
Renk uyumları
Tamamlayıcı +180°
- 5B4E4A
Charred Hickory
- 465458
≈ Asagi Koi
Analog -30° +30°
- 5B4E4A
Charred Hickory
- 5B4D4F
≈ Jacqueline
- 585047
≈ Bridgewood
Üçlü +120° +240°
- 5B4E4A
Charred Hickory
- 49554D
≈ Huntington Woods
- 4F515C
≈ Night Night
Bölünmüş tamamlayıcı +150° +210°
- 5B4E4A
Charred Hickory
- 465553
≈ All Nighter
- 49525B
≈ Vermont Slate
Dörtlü +90° +180° +270°
- 5B4E4A
Charred Hickory
- 4E5349
≈ Forestwood
- 465458
≈ Asagi Koi
- 544F59
≈ Salvation
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.97:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.63:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--charred-hickory: #5b4e4a;
--charred-hickory-rgb: 91 78 74;
--charred-hickory-oklch: oklch(0.436 0.019 37.8);
}
.element {
color: var(--charred-hickory);
background-color: hsl(14 10% 32%);
border-color: oklch(0.436 0.019 37.8);
}Tailwind CSS v4
@theme {
--color-charred-hickory: #5b4e4a;
--color-charred-hickory-50: #faf3f1;
--color-charred-hickory-100: #eee6e3;
--color-charred-hickory-200: #dcd2ce;
--color-charred-hickory-300: #c0b4b0;
--color-charred-hickory-400: #a99b97;
--color-charred-hickory-500: #92827d;
--color-charred-hickory-600: #7b6e6a;
--color-charred-hickory-700: #635855;
--color-charred-hickory-800: #49403e;
--color-charred-hickory-900: #322c2b;
--color-charred-hickory-950: #1e1918;
}SCSS
$charred-hickory: #5b4e4a;
$charred-hickory-rgb: 91, 78, 74;
$charred-hickory-light: mix(#fff, $charred-hickory, 20%);
$charred-hickory-dark: mix(#000, $charred-hickory, 20%);
.element {
color: $charred-hickory;
box-shadow: 0 0 0 2px rgba($charred-hickory, 0.35);
}