Najbliższy nazwany kolor · #8E6E56
#8E6E56
Najbliższy nazwany kolor: Mocha Madness
#8E6E56 (rgb(142 110 86), hsl(26 25% 45%), oklch(0.564 0.054 58.3)) jest najbliższy nazwanemu kolorowi Mocha Madness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8E6E56
oklch(0.564 0.054 58.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 997C66
- A48976
- AF9886
- BAA697
- C6B4A7
- D1C3B8
- DCD2CA
- E8E1DB
- F3F0ED
Odcienie ciemniejsze
- 7B5F4A
- 68503E
- 564132
- 443327
- 34261C
- 241912
- 150E08
- 070402
- 010100
Tony
- 8D705A
- 8C725F
- 8A7463
- 897567
- 88776B
- 867970
- 857B74
- 837D78
- 827E7C
Harmonie kolorów
Komplementarna +180°
- 8E6E56
Mocha Madness
- 577A92
≈ Titanium Blue
Analogowa -30° +30°
- 8E6E56
Mocha Madness
- 936A64
≈ Clay Ridge
- 837451
≈ Woodbridge
Triada +120° +240°
- 8E6E56
Mocha Madness
- 528076
≈ Dull Turquoise
- 796F91
≈ Parisian Violet
Komplementarna rozszczepiona +150° +210°
- 8E6E56
Mocha Madness
- 4E7F86
≈ Tapestry Teal
- 687596
≈ Lavender Mauve
Tetrada +90° +180° +270°
- 8E6E56
Mocha Madness
- 607F64
≈ Mistletoe Whisper
- 577A92
≈ Titanium Blue
- 876A86
≈ Beauty
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.51:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}