Colore con nome · #F0000D
Hungry Red
Hungry Red è #F0000D: rgb(240 0 13), hsl(357 100% 47%), oklch(0.6 0.246 28.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hungry Red color name →
#F0000D
oklch(0.6 0.246 28.4)
Conversioni di colore
- HEX
- #f0000d
- RGB
- rgb(240 0 13)
- HSL
- hsl(357 100% 47%)
- HWB
- hwb(357 0% 6%)
- OKLCH
- oklch(0.6 0.246 28.4)
- OKLab
- oklab(0.6 0.216 0.117)
- CIE Lab
- lab(51.17 77.24 63.21)
- LCH
- lch(51.17 99.81 39.3)
- CMYK
- cmyk(0% 100% 95% 6%)
Tinte · Ombre · Toni
Tinte
- F53E33
- FA5B4D
- FE7464
- FF8A7B
- FF9E91
- FFB2A6
- FFC6BC
- FFD9D2
- FFECE9
Ombre
- D1000A
- B20007
- 950005
- 780003
- 5D0002
- 430001
- 2A0000
- 140000
- 030000
Toni
- E72C25
- DD3F34
- D34D41
- C9574B
- BE6155
- B3685E
- A86F67
- 9C7570
- 8E7B78
Armonie di colore
Complementare +180°
- F0000D
Hungry Red
- 0091A1
≈ Jaded
Analogo -30° +30°
- F0000D
Hungry Red
- E6007F
≈ Mexican Pink
- BD6700
≈ Camel Fur
Triadico +120° +240°
- F0000D
Hungry Red
- 009A3F
≈ Green Revolution
- 4C70FF
≈ Blue Heath Butterfly
Complementare divisa +150° +210°
- F0000D
Hungry Red
- 009581
≈ Aqua Waters
- 0089C6
≈ Azul Caribe
Tetradico +90° +180° +270°
- F0000D
Hungry Red
- 798B00
≈ Canopy
- 0091A1
≈ Jaded
- 974BFB
≈ Irrigo Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.45:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.71:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 4.71:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--hungry-red: #f0000d;
--hungry-red-rgb: 240 0 13;
--hungry-red-oklch: oklch(0.6 0.246 28.4);
}
.element {
color: var(--hungry-red);
background-color: hsl(357 100% 47%);
border-color: oklch(0.6 0.246 28.4);
}Tailwind CSS v4
@theme {
--color-hungry-red: #f0000d;
--color-hungry-red-50: #ffdbcb;
--color-hungry-red-100: #ffc9b6;
--color-hungry-red-200: #ffa994;
--color-hungry-red-300: #ff7e66;
--color-hungry-red-400: #ff4d40;
--color-hungry-red-500: #ff0000;
--color-hungry-red-600: #d90000;
--color-hungry-red-700: #af0002;
--color-hungry-red-800: #830008;
--color-hungry-red-900: #5d0005;
--color-hungry-red-950: #3f0000;
}SCSS
$hungry-red: #f0000d;
$hungry-red-rgb: 240, 0, 13;
$hungry-red-light: mix(#fff, $hungry-red, 20%);
$hungry-red-dark: mix(#000, $hungry-red, 20%);
.element {
color: $hungry-red;
box-shadow: 0 0 0 2px rgba($hungry-red, 0.35);
}