Nazwany kolor · #FE2712
Red October
Red October to #FE2712: rgb(254 39 18), hsl(5 99% 53%), oklch(0.638 0.245 30.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red October color name →
#FE2712
oklch(0.638 0.245 30.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4C38
- FF6651
- FF7D68
- FF917E
- FFA594
- FFB8A9
- FFCABE
- FFDCD4
- FFEDE9
Odcienie ciemniejsze
- DD200E
- BD1A0A
- 9E1407
- 800E04
- 630802
- 470401
- 2D0201
- 160100
- 030000
Tony
- F33D29
- E84B38
- DC5644
- D15F4F
- C56758
- B86D61
- AB7369
- 9E7871
- 8F7C79
Harmonie kolorów
Komplementarna +180°
- FE2712
Red October
- 009DB1
≈ Lake Blue
Analogowa -30° +30°
- FE2712
Red October
- F52085
≈ Pink Piano
- CB7200
≈ Dirty Orange
Triada +120° +240°
- FE2712
Red October
- 00A74E
≈ Liberty Green
- 607EFF
≈ Flickery C64
Komplementarna rozszczepiona +150° +210°
- FE2712
Red October
- 00A28E
≈ Turquish
- 0095DB
≈ Kahu Blue
Tetrada +90° +180° +270°
- FE2712
Red October
- 809800
≈ Mossy Woods
- 009DB1
≈ Lake Blue
- A45DFF
≈ Vega Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.80:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.51:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.51:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}