Colore con nome · #FE2712
Red October
Red October è #FE2712: rgb(254 39 18), hsl(5 99% 53%), oklch(0.638 0.245 30.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Red October color name →
#FE2712
oklch(0.638 0.245 30.2)
Conversioni di colore
- HEX
- #fe2712
- RGB
- rgb(254 39 18)
- HSL
- hsl(5 99% 53%)
- HWB
- hwb(5 7% 0%)
- OKLCH
- oklch(0.638 0.245 30.2)
- OKLab
- oklab(0.638 0.212 0.124)
- CIE Lab
- lab(55.63 76.45 65.53)
- LCH
- lch(55.63 100.69 40.6)
- CMYK
- cmyk(0% 85% 93% 0%)
Tinte · Ombre · Toni
Tinte
- FF4C38
- FF6651
- FF7D68
- FF917E
- FFA594
- FFB8A9
- FFCABE
- FFDCD4
- FFEDE9
Ombre
- DD200E
- BD1A0A
- 9E1407
- 800E04
- 630802
- 470401
- 2D0201
- 160100
- 030000
Toni
- F33D29
- E84B38
- DC5644
- D15F4F
- C56758
- B86D61
- AB7369
- 9E7871
- 8F7C79
Armonie di colore
Complementare +180°
- FE2712
Red October
- 009DB1
≈ Lake Blue
Analogo -30° +30°
- FE2712
Red October
- F52085
≈ Pink Piano
- CB7200
≈ Dirty Orange
Triadico +120° +240°
- FE2712
Red October
- 00A74E
≈ Liberty Green
- 607EFF
≈ Flickery C64
Complementare divisa +150° +210°
- FE2712
Red October
- 00A28E
≈ Turquish
- 0095DB
≈ Kahu Blue
Tetradico +90° +180° +270°
- FE2712
Red October
- 809800
≈ Mossy Woods
- 009DB1
≈ Lake Blue
- A45DFF
≈ Vega Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.51:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.51:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--red-october: #fe2712;
--red-october-rgb: 254 39 18;
--red-october-oklch: oklch(0.638 0.245 30.2);
}
.element {
color: var(--red-october);
background-color: hsl(5 99% 53%);
border-color: oklch(0.638 0.245 30.2);
}Tailwind CSS v4
@theme {
--color-red-october: #fe2712;
--color-red-october-50: #ffdcc9;
--color-red-october-100: #ffc9b4;
--color-red-october-200: #ffaa90;
--color-red-october-300: #ff7f61;
--color-red-october-400: #ff4e38;
--color-red-october-500: #ff0000;
--color-red-october-600: #d90000;
--color-red-october-700: #ae0000;
--color-red-october-800: #830001;
--color-red-october-900: #5d0002;
--color-red-october-950: #3f0000;
}SCSS
$red-october: #fe2712;
$red-october-rgb: 254, 39, 18;
$red-october-light: mix(#fff, $red-october, 20%);
$red-october-dark: mix(#000, $red-october, 20%);
.element {
color: $red-october;
box-shadow: 0 0 0 2px rgba($red-october, 0.35);
}