Colore con nome più vicino · #D9090E
#D9090E
Colore con nome più vicino: Redsurrection
#D9090E (rgb(217 9 14), hsl(359 92% 44%), oklch(0.558 0.226 28.5)) è più vicino al colore con nome Redsurrection. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D9090E
oklch(0.558 0.226 28.5)
Conversioni di colore
- HEX
- #d9090e
- RGB
- rgb(217 9 14)
- HSL
- hsl(359 92% 44%)
- HWB
- hwb(359 4% 15%)
- OKLCH
- oklch(0.558 0.226 28.5)
- OKLab
- oklab(0.558 0.198 0.108)
- CIE Lab
- lab(46.53 70.88 57.58)
- LCH
- lch(46.53 91.33 39.1)
- CMYK
- cmyk(0% 96% 94% 15%)
Tinte · Ombre · Toni
Tinte
- E03C31
- E7584A
- ED7061
- F28678
- F79B8E
- FAAFA4
- FDC3BB
- FFD7D1
- FFEBE8
Ombre
- BC070B
- A10507
- 860305
- 6C0203
- 530102
- 3B0101
- 250000
- 110000
- 020000
Toni
- D22C24
- CB3D32
- C34A3E
- BB5549
- B35E53
- AA665C
- A16D66
- 97746F
- 8C7A77
Armonie di colore
Complementare +180°
- D9090E
Redsurrection
- 008392
≈ True Teal
Analogo -30° +30°
- D9090E
Redsurrection
- D00472
≈ Moth Orchid
- AC5D00
≈ Raw Umber
Triadico +120° +240°
- D9090E
Redsurrection
- 008C38
≈ Cold Green
- 4060F5
≈ Secret of Mana
Complementare divisa +150° +210°
- D9090E
Redsurrection
- 008775
≈ Summer Turquoise
- 007CB4
≈ Artesian Water
Tetradico +90° +180° +270°
- D9090E
Redsurrection
- 6D7E00
≈ Topiary Garden
- 008392
≈ True Teal
- 8945E3
≈ Pericallis Hybrida
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 73
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--redsurrection: #d9090e;
--redsurrection-rgb: 217 9 14;
--redsurrection-oklch: oklch(0.558 0.226 28.5);
}
.element {
color: var(--redsurrection);
background-color: hsl(359 92% 44%);
border-color: oklch(0.558 0.226 28.5);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d9090e;
--color-redsurrection-50: #ffdecf;
--color-redsurrection-100: #ffccbb;
--color-redsurrection-200: #ffae99;
--color-redsurrection-300: #ff846e;
--color-redsurrection-400: #ff594a;
--color-redsurrection-500: #f81315;
--color-redsurrection-600: #d21916;
--color-redsurrection-700: #a91512;
--color-redsurrection-800: #7e0b10;
--color-redsurrection-900: #5a080a;
--color-redsurrection-950: #3c0001;
}SCSS
$redsurrection: #d9090e;
$redsurrection-rgb: 217, 9, 14;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}