Benannte Farbe · #FF0022
Incision
Incision ist #FF0022: rgb(255 0 34), hsl(352 100% 50%), oklch(0.629 0.256 26.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Incision color name →
#FF0022
oklch(0.629 0.256 26.4)
Farbumrechnungen
- HEX
- #ff0022
- RGB
- rgb(255 0 34)
- HSL
- hsl(352 100% 50%)
- HWB
- hwb(352 0% 0%)
- OKLCH
- oklch(0.629 0.256 26.4)
- OKLab
- oklab(0.629 0.229 0.114)
- CIE Lab
- lab(54.39 81.04 58.73)
- LCH
- lch(54.39 100.08 35.9)
- CMYK
- cmyk(0% 100% 87% 0%)
Tints · Shades · Tones
Tints
- FF403F
- FF5E56
- FF766C
- FF8C81
- FFA196
- FFB4AB
- FFC8C0
- FFDAD5
- FFEDEA
Shades
- DE001C
- BE0016
- 9E0011
- 80000B
- 630007
- 480003
- 2E0001
- 160000
- 030000
Tones
- F42E32
- E9413E
- DD4F48
- D25A52
- C6635A
- B96A62
- AC716A
- 9F7672
- 907C79
Farbharmonien
Komplementär +180°
- FF0022
Incision
- 009BA9
≈ Turkish Boy
Analog -30° +30°
- FF0022
Incision
- F3058D
≈ Fabulous Fuchsia
- CC6C00
≈ Sludge
Triadisch +120° +240°
- FF0022
Incision
- 00A537
≈ Poetic Green
- 517EFF
≈ C64 NTSC
Geteilt komplementär +150° +210°
- FF0022
Incision
- 009F87
≈ Reptilian Green
- 0093D0
≈ Rich Electric Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.98:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.27:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.27:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--incision: #ff0022;
--incision-rgb: 255 0 34;
--incision-oklch: oklch(0.629 0.256 26.4);
}
.element {
color: var(--incision);
background-color: hsl(352 100% 50%);
border-color: oklch(0.629 0.256 26.4);
}Tailwind CSS v4
@theme {
--color-incision: #ff0022;
--color-incision-50: #ffdacc;
--color-incision-100: #ffc7b7;
--color-incision-200: #ffa695;
--color-incision-300: #ff7968;
--color-incision-400: #ff4443;
--color-incision-500: #ff0000;
--color-incision-600: #dc0006;
--color-incision-700: #b20007;
--color-incision-800: #85000b;
--color-incision-900: #5e0007;
--color-incision-950: #400000;
}SCSS
$incision: #ff0022;
$incision-rgb: 255, 0, 34;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}