Benannte Farbe · #EC2938
Imperial Red
Imperial Red ist #EC2938: rgb(236 41 56), hsl(355 84% 54%), oklch(0.61 0.226 24.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Imperial Red color name →
#EC2938
oklch(0.61 0.226 24.1)
Farbumrechnungen
- HEX
- #ec2938
- RGB
- rgb(236 41 56)
- HSL
- hsl(355 84% 54%)
- HWB
- hwb(355 16% 7%)
- OKLCH
- oklch(0.61 0.226 24.1)
- OKLab
- oklab(0.61 0.206 0.092)
- CIE Lab
- lab(52.39 71.78 43.75)
- LCH
- lch(52.39 84.06 31.4)
- CMYK
- cmyk(0% 83% 76% 7%)
Tints · Shades · Tones
Tints
- F14B4D
- F66461
- FA7A75
- FD8E88
- FFA29C
- FFB5AF
- FFC8C3
- FFDAD7
- FFEDEB
Shades
- CD222F
- AF1C27
- 92151F
- 760F17
- 5B090F
- 420508
- 290204
- 130101
- 030000
Tones
- E33C41
- D9494A
- D05451
- C65D59
- BC6460
- B16B67
- A6716D
- 9A7774
- 8E7C7A
Farbharmonien
Komplementär +180°
- EC2938
Imperial Red
- 0095A0
≈ Tile Blue
Analog -30° +30°
- EC2938
Imperial Red
- E02B8C
≈ Myoga Purple
- C76400
≈ Kvass
Triadisch +120° +240°
- EC2938
Imperial Red
- 009F21
≈ Space Invader
- 3F77FF
≈ Lightish Blue
Geteilt komplementär +150° +210°
- EC2938
Imperial Red
- 00997E
≈ Paolo Veronese Green
- 008EC3
≈ Parrotfish Blue
Tetradisch +90° +180° +270°
- EC2938
Imperial Red
- 838B00
≈ Krypton Green
- 0095A0
≈ Tile Blue
- 8F5AFA
≈ Forgotten Kyawthuite
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.25:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 4.94:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 4.94:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--imperial-red: #ec2938;
--imperial-red-rgb: 236 41 56;
--imperial-red-oklch: oklch(0.61 0.226 24.1);
}
.element {
color: var(--imperial-red);
background-color: hsl(355 84% 54%);
border-color: oklch(0.61 0.226 24.1);
}Tailwind CSS v4
@theme {
--color-imperial-red: #ec2938;
--color-imperial-red-50: #ffddd3;
--color-imperial-red-100: #ffcbc0;
--color-imperial-red-200: #ffaca1;
--color-imperial-red-300: #ff8378;
--color-imperial-red-400: #ff5658;
--color-imperial-red-500: #f90930;
--color-imperial-red-600: #d2142b;
--color-imperial-red-700: #a91222;
--color-imperial-red-800: #7e091b;
--color-imperial-red-900: #5a0711;
--color-imperial-red-950: #3c0004;
}SCSS
$imperial-red: #ec2938;
$imperial-red-rgb: 236, 41, 56;
$imperial-red-light: mix(#fff, $imperial-red, 20%);
$imperial-red-dark: mix(#000, $imperial-red, 20%);
.element {
color: $imperial-red;
box-shadow: 0 0 0 2px rgba($imperial-red, 0.35);
}