Colore con nome · #F4320C
Vermilion
Vermilion è #F4320C: rgb(244 50 12), hsl(10 91% 50%), oklch(0.627 0.231 32.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vermilion color name →
#F4320C
oklch(0.627 0.231 32.1)
Conversioni di colore
- HEX
- #f4320c
- RGB
- rgb(244 50 12)
- HSL
- hsl(10 91% 50%)
- HWB
- hwb(10 5% 4%)
- OKLCH
- oklch(0.627 0.231 32.1)
- OKLab
- oklab(0.627 0.196 0.123)
- CIE Lab
- lab(54.49 71.32 65.32)
- LCH
- lch(54.49 96.72 42.5)
- CMYK
- cmyk(0% 80% 95% 4%)
Tinte · Ombre · Toni
Tinte
- F95135
- FC694F
- FF7F66
- FF937D
- FFA692
- FFB8A8
- FFCABE
- FFDCD3
- FFEDE9
Ombre
- D42A09
- B52206
- 971B04
- 7A1403
- 5E0D02
- 440701
- 2B0300
- 140100
- 030000
Toni
- EA4326
- E04F36
- D55942
- CA614D
- BF6857
- B46E60
- A87368
- 9C7870
- 8E7C78
Armonie di colore
Complementare +180°
- F4320C
Vermilion
- 0099AE
≈ Aquarium Diver
Analogo -30° +30°
- F4320C
Vermilion
- ED2A7D
≈ Furious Fuchsia
- C47100
≈ Dirty Orange
Triadico +120° +240°
- F4320C
Vermilion
- 00A353
≈ Full Energy
- 6178FF
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- F4320C
Vermilion
- 009E8D
≈ Flamboyant Teal
- 0090D9
≈ Kahu Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.95:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--vermilion: #f4320c;
--vermilion-rgb: 244 50 12;
--vermilion-oklch: oklch(0.627 0.231 32.1);
}
.element {
color: var(--vermilion);
background-color: hsl(10 91% 50%);
border-color: oklch(0.627 0.231 32.1);
}Tailwind CSS v4
@theme {
--color-vermilion: #f4320c;
--color-vermilion-50: #ffdec9;
--color-vermilion-100: #ffccb5;
--color-vermilion-200: #ffae91;
--color-vermilion-300: #ff8462;
--color-vermilion-400: #ff5839;
--color-vermilion-500: #fa0900;
--color-vermilion-600: #d31400;
--color-vermilion-700: #aa1200;
--color-vermilion-800: #800801;
--color-vermilion-900: #5a0702;
--color-vermilion-950: #3d0000;
}SCSS
$vermilion: #f4320c;
$vermilion-rgb: 244, 50, 12;
$vermilion-light: mix(#fff, $vermilion, 20%);
$vermilion-dark: mix(#000, $vermilion, 20%);
.element {
color: $vermilion;
box-shadow: 0 0 0 2px rgba($vermilion, 0.35);
}