Colore con nome · #FF2800
Ferrari Red
Ferrari Red è #FF2800: rgb(255 40 0), hsl(9 100% 50%), oklch(0.64 0.247 31.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ferrari Red color name →
#FF2800
oklch(0.64 0.247 31.4)
Conversioni di colore
- HEX
- #ff2800
- RGB
- rgb(255 40 0)
- HSL
- hsl(9 100% 50%)
- HWB
- hwb(9 0% 0%)
- OKLCH
- oklch(0.64 0.247 31.4)
- OKLab
- oklab(0.64 0.211 0.128)
- CIE Lab
- lab(55.86 76.43 70.18)
- LCH
- lch(55.86 103.76 42.6)
- CMYK
- cmyk(0% 84% 100% 0%)
Tinte · Ombre · Toni
Tinte
- FF4D32
- FF674E
- FF7D66
- FF927C
- FFA592
- FFB8A8
- FFCABE
- FFDCD3
- FFEEE9
Ombre
- DE2100
- BE1B00
- 9E1500
- 800F00
- 630900
- 480400
- 2E0200
- 160100
- 030000
Toni
- F43D23
- E94C34
- DD5741
- D1604C
- C56756
- B96E60
- AC7368
- 9E7870
- 907C78
Armonie di colore
Complementare +180°
- FF2800
Ferrari Red
- 009DB3
≈ Caneel Bay
Analogo -30° +30°
- FF2800
Ferrari Red
- F71E82
≈ Pink Piano
- CB7300
≈ Dirty Orange
Triadico +120° +240°
- FF2800
Ferrari Red
- 00A853
≈ Liberty Green
- 647EFF
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- FF2800
Ferrari Red
- 00A291
≈ Turquish
- 0095DE
≈ Atmosphere
Tetradico +90° +180° +270°
- FF2800
Ferrari Red
- 7E9900
≈ Mossy Woods
- 009DB3
≈ Caneel Bay
- A75CFF
≈ Vega Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.78:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.55:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.55:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--ferrari-red: #ff2800;
--ferrari-red-rgb: 255 40 0;
--ferrari-red-oklch: oklch(0.64 0.247 31.4);
}
.element {
color: var(--ferrari-red);
background-color: hsl(9 100% 50%);
border-color: oklch(0.64 0.247 31.4);
}Tailwind CSS v4
@theme {
--color-ferrari-red: #ff2800;
--color-ferrari-red-50: #ffdcc7;
--color-ferrari-red-100: #ffc9b2;
--color-ferrari-red-200: #ffaa8d;
--color-ferrari-red-300: #ff7f5d;
--color-ferrari-red-400: #ff4e32;
--color-ferrari-red-500: #ff0000;
--color-ferrari-red-600: #d90000;
--color-ferrari-red-700: #af0000;
--color-ferrari-red-800: #830000;
--color-ferrari-red-900: #5d0000;
--color-ferrari-red-950: #3f0000;
}SCSS
$ferrari-red: #ff2800;
$ferrari-red-rgb: 255, 40, 0;
$ferrari-red-light: mix(#fff, $ferrari-red, 20%);
$ferrari-red-dark: mix(#000, $ferrari-red, 20%);
.element {
color: $ferrari-red;
box-shadow: 0 0 0 2px rgba($ferrari-red, 0.35);
}