Colore con nome · #ED1C24
First Blood
First Blood è #ED1C24: rgb(237 28 36), hsl(358 85% 52%), oklch(0.603 0.235 27). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · First Blood color name →
#ED1C24
oklch(0.603 0.235 27)
Conversioni di colore
- HEX
- #ed1c24
- RGB
- rgb(237 28 36)
- HSL
- hsl(358 85% 52%)
- HWB
- hwb(358 11% 7%)
- OKLCH
- oklch(0.603 0.235 27)
- OKLab
- oklab(0.603 0.209 0.107)
- CIE Lab
- lab(51.59 74.04 53.76)
- LCH
- lch(51.59 91.5 36)
- CMYK
- cmyk(0% 88% 85% 7%)
Tinte · Ombre · Toni
Tinte
- F2453F
- F76056
- FB776B
- FF8C80
- FFA095
- FFB4AA
- FFC7BF
- FFDAD4
- FFECE9
Ombre
- CE171E
- B01218
- 930D12
- 77080C
- 5C0507
- 420204
- 2A0102
- 140000
- 030000
Toni
- E43532
- DA453E
- D15048
- C75A51
- BD635A
- B26A62
- A7706A
- 9B7671
- 8E7B79
Armonie di colore
Complementare +180°
- ED1C24
First Blood
- 0092A0
≈ Jaded
Analogo -30° +30°
- ED1C24
First Blood
- E31B83
≈ Myoga Purple
- C06600
≈ Hawaiian Sunset
Triadico +120° +240°
- ED1C24
First Blood
- 009C37
≈ Peppermint Toad
- 4872FF
≈ Lightish Blue
Complementare divisa +150° +210°
- ED1C24
First Blood
- 009680
≈ Aqua Waters
- 008BC5
≈ Celebration Blue
Tetradico +90° +180° +270°
- ED1C24
First Blood
- 7C8B00
≈ Krypton Green
- 0092A0
≈ Jaded
- 9452F9
≈ Irrigo Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.38:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.79:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 4.79:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--first-blood: #ed1c24;
--first-blood-rgb: 237 28 36;
--first-blood-oklch: oklch(0.603 0.235 27);
}
.element {
color: var(--first-blood);
background-color: hsl(358 85% 52%);
border-color: oklch(0.603 0.235 27);
}Tailwind CSS v4
@theme {
--color-first-blood: #ed1c24;
--color-first-blood-50: #ffdccf;
--color-first-blood-100: #ffcabb;
--color-first-blood-200: #ffab99;
--color-first-blood-300: #ff816e;
--color-first-blood-400: #ff534b;
--color-first-blood-500: #fc0017;
--color-first-blood-600: #d50318;
--color-first-blood-700: #ac0813;
--color-first-blood-800: #800211;
--color-first-blood-900: #5b040b;
--color-first-blood-950: #3d0001;
}SCSS
$first-blood: #ed1c24;
$first-blood-rgb: 237, 28, 36;
$first-blood-light: mix(#fff, $first-blood, 20%);
$first-blood-dark: mix(#000, $first-blood, 20%);
.element {
color: $first-blood;
box-shadow: 0 0 0 2px rgba($first-blood, 0.35);
}