Najbliższy nazwany kolor · #8E7064
#8E7064
Najbliższy nazwany kolor: Chocolate Temptation
#8E7064 (rgb(142 112 100), hsl(17 17% 47%), oklch(0.571 0.042 42.9)) jest najbliższy nazwanemu kolorowi Chocolate Temptation. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8E7064
oklch(0.571 0.042 42.9)
Konwersje koloru
- HEX
- #8e7064
- RGB
- rgb(142 112 100)
- HSL
- hsl(17 17% 47%)
- HWB
- hwb(17 39% 44%)
- OKLCH
- oklch(0.571 0.042 42.9)
- OKLab
- oklab(0.571 0.031 0.029)
- CIE Lab
- lab(49.99 10.85 11.44)
- LCH
- lch(49.99 15.77 46.5)
- CMYK
- cmyk(0% 21% 30% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 997D72
- A48B81
- AF9990
- BAA79F
- C6B5AF
- D1C4BE
- DCD2CE
- E8E1DE
- F3F0EE
Odcienie ciemniejsze
- 7B6056
- 685148
- 56433B
- 44352E
- 342722
- 241A16
- 150E0B
- 070403
- 010100
Tony
- 8D7267
- 8B736A
- 8A756C
- 89776F
- 877872
- 867A75
- 857B78
- 837D7A
- 827E7D
Harmonie kolorów
Komplementarna +180°
- 8E7064
Chocolate Temptation
- 5C7E8A
≈ La Pineta
Analogowa -30° +30°
- 8E7064
Chocolate Temptation
- 8F6E71
≈ Tetrarose
- 87745C
≈ Verde Marrón
Triada +120° +240°
- 8E7064
Chocolate Temptation
- 618070
≈ Cutty Sark
- 747591
≈ Royal Fortune
Komplementarna rozszczepiona +150° +210°
- 8E7064
Chocolate Temptation
- 5A807E
≈ Stream Burble
- 667A91
≈ Blue Suede
Tetrada +90° +180° +270°
- 8E7064
Chocolate Temptation
- 6E7D64
≈ Limed Ash
- 5C7E8A
≈ La Pineta
- 81718A
≈ Batik Lilac
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.65:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocolate-temptation: #8e7064;
--chocolate-temptation-rgb: 142 112 100;
--chocolate-temptation-oklch: oklch(0.571 0.042 42.9);
}
.element {
color: var(--chocolate-temptation);
background-color: hsl(17 17% 47%);
border-color: oklch(0.571 0.042 42.9);
}Tailwind CSS v4
@theme {
--color-chocolate-temptation: #8e7064;
--color-chocolate-temptation-50: #fff2eb;
--color-chocolate-temptation-100: #f5e4dd;
--color-chocolate-temptation-200: #e5cfc6;
--color-chocolate-temptation-300: #cbb1a6;
--color-chocolate-temptation-400: #b5978b;
--color-chocolate-temptation-500: #9f7e70;
--color-chocolate-temptation-600: #876a5f;
--color-chocolate-temptation-700: #6c554c;
--color-chocolate-temptation-800: #503e37;
--color-chocolate-temptation-900: #372a26;
--color-chocolate-temptation-950: #221814;
}SCSS
$chocolate-temptation: #8e7064;
$chocolate-temptation-rgb: 142, 112, 100;
$chocolate-temptation-light: mix(#fff, $chocolate-temptation, 20%);
$chocolate-temptation-dark: mix(#000, $chocolate-temptation, 20%);
.element {
color: $chocolate-temptation;
box-shadow: 0 0 0 2px rgba($chocolate-temptation, 0.35);
}