Nazwany kolor · #833D3E
Kopi Luwak
Kopi Luwak to #833D3E: rgb(131 61 62), hsl(359 36% 38%), oklch(0.451 0.097 20.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Kopi Luwak color name →
#833D3E
oklch(0.451 0.097 20.8)
Konwersje koloru
- HEX
- #833d3e
- RGB
- rgb(131 61 62)
- HSL
- hsl(359 36% 38%)
- HWB
- hwb(359 24% 49%)
- OKLCH
- oklch(0.451 0.097 20.8)
- OKLab
- oklab(0.451 0.09 0.034)
- CIE Lab
- lab(35.37 30.82 14.4)
- LCH
- lch(35.37 34.02 25.1)
- CMYK
- cmyk(0% 53% 53% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 90504F
- 9D6261
- AA7573
- B78886
- C39B99
- CFAEAD
- DCC2C1
- E7D6D5
- F3EAEA
Odcienie ciemniejsze
- 713435
- 602B2B
- 4F2223
- 3F1A1A
- 2F1212
- 200A0A
- 120404
- 060101
- 010000
Tony
- 844444
- 844B4B
- 845251
- 855958
- 84605F
- 846665
- 836D6C
- 837372
- 817A79
Harmonie kolorów
Komplementarna +180°
- 833D3E
Kopi Luwak
- 006267
≈ Really Teal
Analogowa -30° +30°
- 833D3E
Kopi Luwak
- 7D3D5C
≈ Pleasure
- 7F441D
≈ Russet
Triada +120° +240°
- 833D3E
Kopi Luwak
- 35632D
≈ Gameboy Shade
- 36558B
≈ Glimpse of Void
Komplementarna rozszczepiona +150° +210°
- 833D3E
Kopi Luwak
- 00654F
≈ Green Paw Paw
- 005E7F
≈ Back of Beyond
Tetrada +90° +180° +270°
- 833D3E
Kopi Luwak
- 595A05
≈ Greensboro
- 006267
≈ Really Teal
- 564B87
≈ Victoria
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.77:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.70:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--kopi-luwak: #833d3e;
--kopi-luwak-rgb: 131 61 62;
--kopi-luwak-oklch: oklch(0.451 0.097 20.8);
}
.element {
color: var(--kopi-luwak);
background-color: hsl(359 36% 38%);
border-color: oklch(0.451 0.097 20.8);
}Tailwind CSS v4
@theme {
--color-kopi-luwak: #833d3e;
--color-kopi-luwak-50: #ffebe8;
--color-kopi-luwak-100: #ffdcd9;
--color-kopi-luwak-200: #fbc5c1;
--color-kopi-luwak-300: #e5a4a0;
--color-kopi-luwak-400: #d28786;
--color-kopi-luwak-500: #be6b6a;
--color-kopi-luwak-600: #a05b5a;
--color-kopi-luwak-700: #814848;
--color-kopi-luwak-800: #5f3435;
--color-kopi-luwak-900: #432324;
--color-kopi-luwak-950: #2b1213;
}SCSS
$kopi-luwak: #833d3e;
$kopi-luwak-rgb: 131, 61, 62;
$kopi-luwak-light: mix(#fff, $kopi-luwak, 20%);
$kopi-luwak-dark: mix(#000, $kopi-luwak, 20%);
.element {
color: $kopi-luwak;
box-shadow: 0 0 0 2px rgba($kopi-luwak, 0.35);
}