Colore con nome più vicino · #5D2029
#5D2029
Colore con nome più vicino: Jazz
#5D2029 (rgb(93 32 41), hsl(351 49% 25%), oklch(0.339 0.089 14.4)) è più vicino al colore con nome Jazz. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5D2029
oklch(0.339 0.089 14.4)
Conversioni di colore
- HEX
- #5d2029
- RGB
- rgb(93 32 41)
- HSL
- hsl(351 49% 25%)
- HWB
- hwb(351 13% 64%)
- OKLCH
- oklch(0.339 0.089 14.4)
- OKLab
- oklab(0.339 0.087 0.022)
- CIE Lab
- lab(22.32 28.99 9.41)
- LCH
- lch(22.32 30.48 18)
- CMYK
- cmyk(0% 66% 56% 64%)
Tinte · Ombre · Toni
Tinte
- 6E353B
- 7E4A4F
- 8F5F63
- 9F7477
- AF8A8C
- BFA1A2
- CFB8B9
- DFCFD0
- EFE7E7
Ombre
- 501A22
- 43151C
- 370F15
- 2A0A0F
- 1F0609
- 140305
- 0A0102
- 030001
- 000000
Toni
- 622A31
- 663439
- 6A3E42
- 6E474A
- 725153
- 755A5C
- 786365
- 7B6D6E
- 7E7677
Armonie di colore
Complementare +180°
- 5D2029
Jazz
- 004141
≈ Warm Black
Analogo -30° +30°
- 5D2029
Jazz
- 562243
≈ Murasaki
- 5C2508
≈ Hot Fudge
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.32:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.70:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.32:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--jazz: #5d2029;
--jazz-rgb: 93 32 41;
--jazz-oklch: oklch(0.339 0.089 14.4);
}
.element {
color: var(--jazz);
background-color: hsl(351 49% 25%);
border-color: oklch(0.339 0.089 14.4);
}Tailwind CSS v4
@theme {
--color-jazz: #5d2029;
--color-jazz-50: #ffebec;
--color-jazz-100: #ffddde;
--color-jazz-200: #f8c5c7;
--color-jazz-300: #e1a5a8;
--color-jazz-400: #ce898e;
--color-jazz-500: #ba6d74;
--color-jazz-600: #9d5c62;
--color-jazz-700: #7e4a4e;
--color-jazz-800: #5d353a;
--color-jazz-900: #412428;
--color-jazz-950: #2a1316;
}SCSS
$jazz: #5d2029;
$jazz-rgb: 93, 32, 41;
$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);
}