En yakın adlandırılmış renk · #8E6E56
#8E6E56
En yakın adlandırılmış renk: Mocha Madness
#8E6E56 (rgb(142 110 86), hsl(26 25% 45%), oklch(0.564 0.054 58.3)) en çok Mocha Madness 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.
#8E6E56
oklch(0.564 0.054 58.3)
Renk dönüşümleri
- HEX
- #8e6e56
- RGB
- rgb(142 110 86)
- HSL
- hsl(26 25% 45%)
- HWB
- hwb(26 34% 44%)
- OKLCH
- oklch(0.564 0.054 58.3)
- OKLab
- oklab(0.564 0.028 0.046)
- CIE Lab
- lab(49.2 10.57 18.53)
- LCH
- lch(49.2 21.34 60.3)
- CMYK
- cmyk(0% 23% 39% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 997C66
- A48976
- AF9886
- BAA697
- C6B4A7
- D1C3B8
- DCD2CA
- E8E1DB
- F3F0ED
Koyu tonlar
- 7B5F4A
- 68503E
- 564132
- 443327
- 34261C
- 241912
- 150E08
- 070402
- 010100
Gri tonlar
- 8D705A
- 8C725F
- 8A7463
- 897567
- 88776B
- 867970
- 857B74
- 837D78
- 827E7C
Renk uyumları
Tamamlayıcı +180°
- 8E6E56
Mocha Madness
- 577A92
≈ Titanium Blue
Analog -30° +30°
- 8E6E56
Mocha Madness
- 936A64
≈ Clay Ridge
- 837451
≈ Woodbridge
Üçlü +120° +240°
- 8E6E56
Mocha Madness
- 528076
≈ Dull Turquoise
- 796F91
≈ Parisian Violet
Bölünmüş tamamlayıcı +150° +210°
- 8E6E56
Mocha Madness
- 4E7F86
≈ Tapestry Teal
- 687596
≈ Lavender Mauve
Dörtlü +90° +180° +270°
- 8E6E56
Mocha Madness
- 607F64
≈ Mistletoe Whisper
- 577A92
≈ Titanium Blue
- 876A86
≈ Beauty
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.51:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--mocha-madness: #8e6e56;
--mocha-madness-rgb: 142 110 86;
--mocha-madness-oklch: oklch(0.564 0.054 58.3);
}
.element {
color: var(--mocha-madness);
background-color: hsl(26 25% 45%);
border-color: oklch(0.564 0.054 58.3);
}Tailwind CSS v4
@theme {
--color-mocha-madness: #8e6e56;
--color-mocha-madness-50: #fff2e6;
--color-mocha-madness-100: #f6e4d6;
--color-mocha-madness-200: #e6cfbe;
--color-mocha-madness-300: #cdb29c;
--color-mocha-madness-400: #b7977f;
--color-mocha-madness-500: #a27e63;
--color-mocha-madness-600: #896a54;
--color-mocha-madness-700: #6e5543;
--color-mocha-madness-800: #513e30;
--color-mocha-madness-900: #392a21;
--color-mocha-madness-950: #231810;
}SCSS
$mocha-madness: #8e6e56;
$mocha-madness-rgb: 142, 110, 86;
$mocha-madness-light: mix(#fff, $mocha-madness, 20%);
$mocha-madness-dark: mix(#000, $mocha-madness, 20%);
.element {
color: $mocha-madness;
box-shadow: 0 0 0 2px rgba($mocha-madness, 0.35);
}