Colore con nome · #884411
Sis Kebab
Sis Kebab è #884411: rgb(136 68 17), hsl(26 78% 30%), oklch(0.464 0.11 51.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Sis Kebab color name →
#884411
oklch(0.464 0.11 51.7)
Conversioni di colore
- HEX
- #884411
- RGB
- rgb(136 68 17)
- HSL
- hsl(26 78% 30%)
- HWB
- hwb(26 7% 47%)
- OKLCH
- oklch(0.464 0.11 51.7)
- OKLab
- oklab(0.464 0.068 0.087)
- CIE Lab
- lab(37.22 27.27 41.56)
- LCH
- lch(37.22 49.71 56.7)
- CMYK
- cmyk(0% 50% 88% 47%)
Tinte · Ombre · Toni
Tinte
- 95562E
- A16845
- AD7A5C
- B98D72
- C59F89
- D1B2A0
- DDC5B7
- E8D8CF
- F4EBE7
Ombre
- 753A0D
- 633009
- 522606
- 411D04
- 311402
- 220C01
- 130500
- 060200
- 010000
Toni
- 884B22
- 88512F
- 88573A
- 875E45
- 87644F
- 866959
- 856F63
- 83756D
- 827A76
Armonie di colore
Complementare +180°
- 884411
Sis Kebab
- 006285
≈ Blue League
Analogo -30° +30°
- 884411
Sis Kebab
- 8D3C3D
≈ Royal Red Flush
- 745300
≈ Pickled Grape Leaves
Triadico +120° +240°
- 884411
Sis Kebab
- 006953
≈ Peacock Green
- 5B4C91
≈ Purple Corallite
Complementare divisa +150° +210°
- 884411
Sis Kebab
- 00666C
≈ Trouser Blue
- 355796
≈ Muted Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.28:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--sis-kebab: #884411;
--sis-kebab-rgb: 136 68 17;
--sis-kebab-oklch: oklch(0.464 0.11 51.7);
}
.element {
color: var(--sis-kebab);
background-color: hsl(26 78% 30%);
border-color: oklch(0.464 0.11 51.7);
}Tailwind CSS v4
@theme {
--color-sis-kebab: #884411;
--color-sis-kebab-50: #ffedd8;
--color-sis-kebab-100: #ffdfc6;
--color-sis-kebab-200: #fbc8a8;
--color-sis-kebab-300: #e4a882;
--color-sis-kebab-400: #d28b60;
--color-sis-kebab-500: #bf6f3b;
--color-sis-kebab-600: #a15e33;
--color-sis-kebab-700: #814b28;
--color-sis-kebab-800: #60361d;
--color-sis-kebab-900: #442513;
--color-sis-kebab-950: #2c1305;
}SCSS
$sis-kebab: #884411;
$sis-kebab-rgb: 136, 68, 17;
$sis-kebab-light: mix(#fff, $sis-kebab, 20%);
$sis-kebab-dark: mix(#000, $sis-kebab, 20%);
.element {
color: $sis-kebab;
box-shadow: 0 0 0 2px rgba($sis-kebab, 0.35);
}