Colore con nome più vicino · #673332
#673332
Colore con nome più vicino: Arcane Red
#673332 (rgb(103 51 50), hsl(1 35% 30%), oklch(0.389 0.075 22.3)) è più vicino al colore con nome Arcane Red. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#673332
oklch(0.389 0.075 22.3)
Conversioni di colore
- HEX
- #673332
- RGB
- rgb(103 51 50)
- HSL
- hsl(1 35% 30%)
- HWB
- hwb(1 20% 60%)
- OKLCH
- oklch(0.389 0.075 22.3)
- OKLab
- oklab(0.389 0.069 0.028)
- CIE Lab
- lab(28.34 23.69 11.79)
- LCH
- lch(28.34 26.46 26.5)
- CMYK
- cmyk(0% 50% 51% 60%)
Tinte · Ombre · Toni
Tinte
- 764644
- 865957
- 956C6A
- A4807E
- B39492
- C2A9A7
- D1BEBC
- E1D3D2
- F0E9E8
Ombre
- 592B2A
- 4B2322
- 3D1C1B
- 301414
- 230D0D
- 170707
- 0C0303
- 040101
- 000000
Toni
- 6A3B39
- 6D4341
- 704A48
- 735250
- 765A58
- 786160
- 7A6968
- 7C7170
- 7E7878
Armonie di colore
Complementare +180°
- 673332
Arcane Red
- 004F54
≈ Transporter Green
Analogo -30° +30°
- 673332
Arcane Red
- 633349
≈ Grape Wine
- 64381B
≈ Cassiterite Brown
Triadico +120° +240°
- 673332
Arcane Red
- 2B4F28
≈ Chestnut Green
- 2E446D
≈ Blue Funk
Complementare divisa +150° +210°
- 673332
Arcane Red
- 015140
≈ Tetsu Green
- 0A4B66
≈ Fresco Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.01:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.09:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.01:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--arcane-red: #673332;
--arcane-red-rgb: 103 51 50;
--arcane-red-oklch: oklch(0.389 0.075 22.3);
}
.element {
color: var(--arcane-red);
background-color: hsl(1 35% 30%);
border-color: oklch(0.389 0.075 22.3);
}Tailwind CSS v4
@theme {
--color-arcane-red: #673332;
--color-arcane-red-50: #ffedeb;
--color-arcane-red-100: #ffdfdc;
--color-arcane-red-200: #f3c9c5;
--color-arcane-red-300: #dba9a5;
--color-arcane-red-400: #c78d8a;
--color-arcane-red-500: #b3726f;
--color-arcane-red-600: #97615f;
--color-arcane-red-700: #794d4b;
--color-arcane-red-800: #5a3837;
--color-arcane-red-900: #3f2626;
--color-arcane-red-950: #281414;
}SCSS
$arcane-red: #673332;
$arcane-red-rgb: 103, 51, 50;
$arcane-red-light: mix(#fff, $arcane-red, 20%);
$arcane-red-dark: mix(#000, $arcane-red, 20%);
.element {
color: $arcane-red;
box-shadow: 0 0 0 2px rgba($arcane-red, 0.35);
}