Benannte Farbe · #BA3D3C
Edgy Red
Edgy Red ist #BA3D3C: rgb(186 61 60), hsl(0 51% 48%), oklch(0.54 0.161 24.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Edgy Red color name →
#BA3D3C
oklch(0.54 0.161 24.7)
Farbumrechnungen
- HEX
- #ba3d3c
- RGB
- rgb(186 61 60)
- HSL
- hsl(0 51% 48%)
- HWB
- hwb(0 24% 27%)
- OKLCH
- oklch(0.54 0.161 24.7)
- OKLab
- oklab(0.54 0.147 0.067)
- CIE Lab
- lab(45 50.93 30.11)
- LCH
- lch(45 59.17 30.6)
- CMYK
- cmyk(0% 67% 68% 27%)
Tints · Shades · Tones
Tints
- C3534F
- CC6762
- D47B74
- DC8E87
- E3A09B
- EAB3AE
- F0C6C2
- F6D9D6
- FBECEA
Shades
- A13433
- 892B2A
- 722221
- 5C1A19
- 461211
- 320A0A
- 1E0404
- 0D0101
- 020000
Tones
- B64744
- B14F4B
- AC5752
- A75E59
- A2645F
- 9C6A66
- 96706D
- 8F7673
- 887B7A
Farbharmonien
Komplementär +180°
- BA3D3C
Edgy Red
- 007E88
≈ Go Alpha
Analog -30° +30°
- BA3D3C
Edgy Red
- B23C74
≈ Fiery Fuchsia
- A85500
≈ Windsor Brown
Triadisch +120° +240°
- BA3D3C
Edgy Red
- 178528
≈ Broccoli Paradise
- 3F68CB
≈ God of Rain
Geteilt komplementär +150° +210°
- BA3D3C
Edgy Red
- 00816B
≈ Emperor’s Silk
- 0078A7
≈ Summer Lake
Tetradisch +90° +180° +270°
- BA3D3C
Edgy Red
- 6D7600
≈ Spinach Soup
- 007E88
≈ Go Alpha
- 7756C1
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.49:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.82:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--edgy-red: #ba3d3c;
--edgy-red-rgb: 186 61 60;
--edgy-red-oklch: oklch(0.54 0.161 24.7);
}
.element {
color: var(--edgy-red);
background-color: hsl(0 51% 48%);
border-color: oklch(0.54 0.161 24.7);
}Tailwind CSS v4
@theme {
--color-edgy-red: #ba3d3c;
--color-edgy-red-50: #ffe4dd;
--color-edgy-red-100: #ffd4cb;
--color-edgy-red-200: #ffbaaf;
--color-edgy-red-300: #ff968b;
--color-edgy-red-400: #ef736d;
--color-edgy-red-500: #dd4f4d;
--color-edgy-red-600: #ba4442;
--color-edgy-red-700: #963634;
--color-edgy-red-800: #702627;
--color-edgy-red-900: #4f191a;
--color-edgy-red-950: #34090b;
}SCSS
$edgy-red: #ba3d3c;
$edgy-red-rgb: 186, 61, 60;
$edgy-red-light: mix(#fff, $edgy-red, 20%);
$edgy-red-dark: mix(#000, $edgy-red, 20%);
.element {
color: $edgy-red;
box-shadow: 0 0 0 2px rgba($edgy-red, 0.35);
}