Colore con nome più vicino · #5F2628
#5F2628
Colore con nome più vicino: Jazz
#5F2628 (rgb(95 38 40), hsl(358 43% 26%), oklch(0.351 0.083 20.3)) è più vicino al colore con nome Jazz. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5F2628
oklch(0.351 0.083 20.3)
Conversioni di colore
- HEX
- #5f2628
- RGB
- rgb(95 38 40)
- HSL
- hsl(358 43% 26%)
- HWB
- hwb(358 15% 63%)
- OKLCH
- oklch(0.351 0.083 20.3)
- OKLab
- oklab(0.351 0.078 0.029)
- CIE Lab
- lab(23.88 26.66 12.24)
- LCH
- lch(23.88 29.34 24.7)
- CMYK
- cmyk(0% 60% 58% 63%)
Tinte · Ombre · Toni
Tinte
- 6F3A3B
- 7F4E4E
- 906362
- A07877
- AF8D8C
- BFA3A2
- CFB9B9
- DFD0D0
- EFE7E7
Ombre
- 522021
- 44191B
- 381315
- 2C0D0F
- 200809
- 150404
- 0A0202
- 030101
- 000000
Toni
- 632F30
- 673939
- 6B4141
- 6F4A4A
- 725352
- 755C5B
- 786564
- 7B6E6D
- 7E7777
Armonie di colore
Complementare +180°
- 5F2628
Jazz
- 004447
≈ Dark Side
Analogo -30° +30°
- 5F2628
Jazz
- 5A2641
≈ Zinfandel
- 5C2B0A
≈ Count Chocula
Triadico +120° +240°
- 5F2628
Jazz
- 204518
≈ Myrtle
- 203A66
≈ Navy Peony
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.70:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.79:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.70:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--jazz: #5f2628;
--jazz-rgb: 95 38 40;
--jazz-oklch: oklch(0.351 0.083 20.3);
}
.element {
color: var(--jazz);
background-color: hsl(358 43% 26%);
border-color: oklch(0.351 0.083 20.3);
}Tailwind CSS v4
@theme {
--color-jazz: #5f2628;
--color-jazz-50: #ffecea;
--color-jazz-100: #ffdedb;
--color-jazz-200: #f6c7c4;
--color-jazz-300: #dfa7a4;
--color-jazz-400: #cb8b8a;
--color-jazz-500: #b76f6f;
--color-jazz-600: #9b5e5e;
--color-jazz-700: #7c4b4b;
--color-jazz-800: #5c3637;
--color-jazz-900: #402526;
--color-jazz-950: #291314;
}SCSS
$jazz: #5f2628;
$jazz-rgb: 95, 38, 40;
$jazz-light: mix(#fff, $jazz, 20%);
$jazz-dark: mix(#000, $jazz, 20%);
.element {
color: $jazz;
box-shadow: 0 0 0 2px rgba($jazz, 0.35);
}