Colore con nome · #DD0022
Untamed Red
Untamed Red è #DD0022: rgb(221 0 34), hsl(351 100% 43%), oklch(0.565 0.229 25.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Untamed Red color name →
#DD0022
oklch(0.565 0.229 25.4)
Conversioni di colore
- HEX
- #dd0022
- RGB
- rgb(221 0 34)
- HSL
- hsl(351 100% 43%)
- HWB
- hwb(351 0% 13%)
- OKLCH
- oklch(0.565 0.229 25.4)
- OKLab
- oklab(0.565 0.207 0.098)
- CIE Lab
- lab(47.22 72.81 49.71)
- LCH
- lch(47.22 88.16 34.3)
- CMYK
- cmyk(0% 100% 85% 13%)
Tinte · Ombre · Toni
Tinte
- E43A3C
- EB5752
- F06F68
- F5867D
- F99B92
- FCAFA8
- FFC3BD
- FFD7D3
- FFEBE9
Ombre
- C0001C
- A40016
- 880011
- 6E000B
- 550007
- 3D0003
- 260001
- 110000
- 020000
Toni
- D62930
- CE3C3B
- C64945
- BE544E
- B55D57
- AC6660
- A26D68
- 987470
- 8C7A78
Armonie di colore
Complementare +180°
- DD0022
Untamed Red
- 008691
≈ Blue Slushie
Analogo -30° +30°
- DD0022
Untamed Red
- D2077C
≈ Crazy Ex
- B25B00
≈ Elm Brown Red
Triadico +120° +240°
- DD0022
Untamed Red
- 008F28
≈ Emerald
- 3364FA
≈ Gentian Flower
Complementare divisa +150° +210°
- DD0022
Untamed Red
- 008A73
≈ Industrial Turquoise
- 0080B2
≈ Primal Blue
Tetradico +90° +180° +270°
- DD0022
Untamed Red
- 747E00
≈ Verde Tropa
- 008691
≈ Blue Slushie
- 8648EA
≈ Pericallis Hybrida
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.12:1 · APCA Lc 72
Ag
FailSu nero
WCAG 4.09:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--untamed-red: #dd0022;
--untamed-red-rgb: 221 0 34;
--untamed-red-oklch: oklch(0.565 0.229 25.4);
}
.element {
color: var(--untamed-red);
background-color: hsl(351 100% 43%);
border-color: oklch(0.565 0.229 25.4);
}Tailwind CSS v4
@theme {
--color-untamed-red: #dd0022;
--color-untamed-red-50: #ffddd1;
--color-untamed-red-100: #ffcabe;
--color-untamed-red-200: #ffac9e;
--color-untamed-red-300: #ff8274;
--color-untamed-red-400: #ff5553;
--color-untamed-red-500: #fa0027;
--color-untamed-red-600: #d30f24;
--color-untamed-red-700: #aa0f1c;
--color-untamed-red-800: #7f0617;
--color-untamed-red-900: #5a060f;
--color-untamed-red-950: #3d0003;
}SCSS
$untamed-red: #dd0022;
$untamed-red-rgb: 221, 0, 34;
$untamed-red-light: mix(#fff, $untamed-red, 20%);
$untamed-red-dark: mix(#000, $untamed-red, 20%);
.element {
color: $untamed-red;
box-shadow: 0 0 0 2px rgba($untamed-red, 0.35);
}