Colore con nome · #F81404
Apple Cherry
Apple Cherry è #F81404: rgb(248 20 4), hsl(4 97% 49%), oklch(0.619 0.248 29.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Apple Cherry color name →
#F81404
oklch(0.619 0.248 29.7)
Conversioni di colore
- HEX
- #f81404
- RGB
- rgb(248 20 4)
- HSL
- hsl(4 97% 49%)
- HWB
- hwb(4 2% 3%)
- OKLCH
- oklch(0.619 0.248 29.7)
- OKLab
- oklab(0.619 0.216 0.123)
- CIE Lab
- lab(53.38 77.6 67.48)
- LCH
- lch(53.38 102.84 41)
- CMYK
- cmyk(0% 92% 98% 3%)
Tinte · Ombre · Toni
Tinte
- FD4432
- FF604D
- FF7864
- FF8D7B
- FFA191
- FFB5A7
- FFC8BD
- FFDAD3
- FFEDE9
Ombre
- D81003
- B80C02
- 9A0801
- 7C0501
- 600300
- 450100
- 2C0100
- 150000
- 030000
Toni
- EE3323
- E34434
- D95140
- CD5B4B
- C26355
- B66B5F
- AA7168
- 9D7770
- 8F7C78
Armonie di colore
Complementare +180°
- F81404
Apple Cherry
- 0097A9
≈ Aquarium Diver
Analogo -30° +30°
- F81404
Apple Cherry
- EF0A80
≈ Fabulous Fuchsia
- C46C00
≈ Sludge
Triadico +120° +240°
- F81404
Apple Cherry
- 00A148
≈ Link Green
- 5877FF
≈ C64 NTSC
Complementare divisa +150° +210°
- F81404
Apple Cherry
- 009B88
≈ Flamboyant Teal
- 008FD1
≈ Rich Electric Blue
Tetradico +90° +180° +270°
- F81404
Apple Cherry
- 7C9200
≈ Mossy Woods
- 0097A9
≈ Aquarium Diver
- 9F52FF
≈ Irrigo Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.12:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.09:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.09:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--apple-cherry: #f81404;
--apple-cherry-rgb: 248 20 4;
--apple-cherry-oklch: oklch(0.619 0.248 29.7);
}
.element {
color: var(--apple-cherry);
background-color: hsl(4 97% 49%);
border-color: oklch(0.619 0.248 29.7);
}Tailwind CSS v4
@theme {
--color-apple-cherry: #f81404;
--color-apple-cherry-50: #ffdbc9;
--color-apple-cherry-100: #ffc9b4;
--color-apple-cherry-200: #ffa990;
--color-apple-cherry-300: #ff7d61;
--color-apple-cherry-400: #ff4c39;
--color-apple-cherry-500: #ff0000;
--color-apple-cherry-600: #da0000;
--color-apple-cherry-700: #af0000;
--color-apple-cherry-800: #830001;
--color-apple-cherry-900: #5d0002;
--color-apple-cherry-950: #3f0000;
}SCSS
$apple-cherry: #f81404;
$apple-cherry-rgb: 248, 20, 4;
$apple-cherry-light: mix(#fff, $apple-cherry, 20%);
$apple-cherry-dark: mix(#000, $apple-cherry, 20%);
.element {
color: $apple-cherry;
box-shadow: 0 0 0 2px rgba($apple-cherry, 0.35);
}