Colore con nome più vicino · #D9343A
#D9343A
Colore con nome più vicino: Red-Handed
#D9343A (rgb(217 52 58), hsl(358 68% 53%), oklch(0.584 0.201 24.4)) è più vicino al colore con nome Red-Handed. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D9343A
oklch(0.584 0.201 24.4)
Conversioni di colore
- HEX
- #d9343a
- RGB
- rgb(217 52 58)
- HSL
- hsl(358 68% 53%)
- HWB
- hwb(358 20% 15%)
- OKLCH
- oklch(0.584 0.201 24.4)
- OKLab
- oklab(0.584 0.183 0.083)
- CIE Lab
- lab(49.69 63.71 38.42)
- LCH
- lch(49.69 74.4 31.1)
- CMYK
- cmyk(0% 76% 73% 15%)
Tinte · Ombre · Toni
Tinte
- E04F4E
- E66662
- EC7B75
- F18E88
- F5A29B
- F9B5AF
- FCC7C2
- FEDAD6
- FFECEB
Ombre
- BC2C31
- A12428
- 861C20
- 6C1518
- 530E10
- 3B0709
- 250304
- 110101
- 020000
Toni
- D24242
- CA4D4A
- C25652
- BA5E59
- B26560
- A96B66
- A0716D
- 967673
- 8B7B7A
Armonie di colore
Complementare +180°
- D9343A
Red-Handed
- 008C97
≈ Tempo Teal
Analogo -30° +30°
- D9343A
Red-Handed
- CE3483
≈ Shrine of Pleasures
- BB5F00
≈ Super Leaf Brown
Triadico +120° +240°
- D9343A
Red-Handed
- 009621
≈ Irish Green
- 3D70F0
≈ Bluetiful
Complementare divisa +150° +210°
- D9343A
Red-Handed
- 009077
≈ Dòu Lǜ Green
- 0086B9
≈ Dresden Blue
Tetradico +90° +180° +270°
- D9343A
Red-Handed
- 7B8300
≈ Drably Olive
- 008C97
≈ Tempo Teal
- 8659E4
≈ Gloomy Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 31
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--red-handed: #d9343a;
--red-handed-rgb: 217 52 58;
--red-handed-oklch: oklch(0.584 0.201 24.4);
}
.element {
color: var(--red-handed);
background-color: hsl(358 68% 53%);
border-color: oklch(0.584 0.201 24.4);
}Tailwind CSS v4
@theme {
--color-red-handed: #d9343a;
--color-red-handed-50: #ffe0d7;
--color-red-handed-100: #ffcec4;
--color-red-handed-200: #ffb2a6;
--color-red-handed-300: #ff8a7f;
--color-red-handed-400: #ff6360;
--color-red-handed-500: #ee333c;
--color-red-handed-600: #c92e34;
--color-red-handed-700: #a22529;
--color-red-handed-800: #791820;
--color-red-handed-900: #561015;
--color-red-handed-950: #390207;
}SCSS
$red-handed: #d9343a;
$red-handed-rgb: 217, 52, 58;
$red-handed-light: mix(#fff, $red-handed, 20%);
$red-handed-dark: mix(#000, $red-handed, 20%);
.element {
color: $red-handed;
box-shadow: 0 0 0 2px rgba($red-handed, 0.35);
}