Colore con nome più vicino · #580E00
#580E00
Colore con nome più vicino: Burned
#580E00 (rgb(88 14 0), hsl(10 100% 17%), oklch(0.3 0.108 33.9)) è più vicino al colore con nome Burned. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#580E00
oklch(0.3 0.108 33.9)
Conversioni di colore
- HEX
- #580e00
- RGB
- rgb(88 14 0)
- HSL
- hsl(10 100% 17%)
- HWB
- hwb(10 0% 65%)
- OKLCH
- oklch(0.3 0.108 33.9)
- OKLab
- oklab(0.3 0.09 0.06)
- CIE Lab
- lab(17.86 33.07 27.42)
- LCH
- lch(17.86 42.96 39.7)
- CMYK
- cmyk(0% 84% 100% 65%)
Tinte · Ombre · Toni
Tinte
- 6A281A
- 7B3F31
- 8C5649
- 9D6D61
- AE847A
- BE9B93
- CFB4AD
- DFCCC8
- EFE5E3
Ombre
- 4B0B00
- 3F0700
- 330500
- 280300
- 1D0200
- 120100
- 090000
- 030000
- 000000
Toni
- 5E1D0F
- 63291D
- 683529
- 6C4035
- 704A41
- 74554E
- 78605A
- 7B6A66
- 7E7573
Armonie di colore
Complementare +180°
- 580E00
Burned
- 00343E
≈ Artist Blue
Analogo -30° +30°
- 580E00
Burned
- 560A28
≈ Fig Balsamic
- 452500
≈ Ibex Brown
Triadico +120° +240°
Complementare divisa +150° +210°
- 580E00
Burned
- 003631
≈ Night Turquoise
- 003150
≈ Dark Denim Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.21:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.47:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.21:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--burned: #580e00;
--burned-rgb: 88 14 0;
--burned-oklch: oklch(0.3 0.108 33.9);
}
.element {
color: var(--burned);
background-color: hsl(10 100% 17%);
border-color: oklch(0.3 0.108 33.9);
}Tailwind CSS v4
@theme {
--color-burned: #580e00;
--color-burned-50: #ffebe0;
--color-burned-100: #ffdccf;
--color-burned-200: #ffc5b5;
--color-burned-300: #e9a491;
--color-burned-400: #d68674;
--color-burned-500: #c36955;
--color-burned-600: #a55948;
--color-burned-700: #844739;
--color-burned-800: #62332a;
--color-burned-900: #45231c;
--color-burned-950: #2d110c;
}SCSS
$burned: #580e00;
$burned-rgb: 88, 14, 0;
$burned-light: mix(#fff, $burned, 20%);
$burned-dark: mix(#000, $burned, 20%);
.element {
color: $burned;
box-shadow: 0 0 0 2px rgba($burned, 0.35);
}