Benannte Farbe · #B7386E
Fiery Fuchsia
Fiery Fuchsia ist #B7386E: rgb(183 56 110), hsl(334 53% 47%), oklch(0.542 0.169 358.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fiery Fuchsia color name →
#B7386E
oklch(0.542 0.169 358.4)
Farbumrechnungen
- HEX
- #b7386e
- RGB
- rgb(183 56 110)
- HSL
- hsl(334 53% 47%)
- HWB
- hwb(334 22% 28%)
- OKLCH
- oklch(0.542 0.169 358.4)
- OKLab
- oklab(0.542 0.169 -0.005)
- CIE Lab
- lab(44.68 54.7 -1.07)
- LCH
- lch(44.68 54.71 358.9)
- CMYK
- cmyk(0% 69% 40% 28%)
Tints · Shades · Tones
Tints
- C14F7B
- CA6489
- D27797
- DA8BA5
- E29EB4
- E9B1C2
- EFC5D1
- F5D8E0
- FAEBF0
Shades
- 9F2F5F
- 872750
- 701F41
- 5A1733
- 450F26
- 310819
- 1E040E
- 0C0104
- 020001
Tones
- B34270
- AF4B72
- AA5473
- A55B75
- A06277
- 9B6979
- 956F7B
- 8E757C
- 887A7E
Farbharmonien
Komplementär +180°
- B7386E
Fiery Fuchsia
- 008270
≈ Tropical Green
Analog -30° +30°
- B7386E
Fiery Fuchsia
- A1439F
≈ Aged Purple
- BE3B31
≈ Flirt Alert
Triadisch +120° +240°
- B7386E
Fiery Fuchsia
- 697800
≈ Topiary Green
- 0077AD
≈ Deluge
Geteilt komplementär +150° +210°
- B7386E
Fiery Fuchsia
- 008635
≈ Broccoli Paradise
- 007E8C
≈ Metallic Seaweed
Tetradisch +90° +180° +270°
- B7386E
Fiery Fuchsia
- 8A6A00
≈ Muddy Brown
- 008270
≈ Tropical Green
- 4665D0
≈ God of Rain
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.52:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.80:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--fiery-fuchsia: #b7386e;
--fiery-fuchsia-rgb: 183 56 110;
--fiery-fuchsia-oklch: oklch(0.542 0.169 358.4);
}
.element {
color: var(--fiery-fuchsia);
background-color: hsl(334 53% 47%);
border-color: oklch(0.542 0.169 358.4);
}Tailwind CSS v4
@theme {
--color-fiery-fuchsia: #b7386e;
--color-fiery-fuchsia-50: #ffe2f3;
--color-fiery-fuchsia-100: #ffd1e5;
--color-fiery-fuchsia-200: #ffb6d1;
--color-fiery-fuchsia-300: #fd91b3;
--color-fiery-fuchsia-400: #eb6e9d;
--color-fiery-fuchsia-500: #d84985;
--color-fiery-fuchsia-600: #b73f70;
--color-fiery-fuchsia-700: #93325a;
--color-fiery-fuchsia-800: #6d2344;
--color-fiery-fuchsia-900: #4d182f;
--color-fiery-fuchsia-950: #32081b;
}SCSS
$fiery-fuchsia: #b7386e;
$fiery-fuchsia-rgb: 183, 56, 110;
$fiery-fuchsia-light: mix(#fff, $fiery-fuchsia, 20%);
$fiery-fuchsia-dark: mix(#000, $fiery-fuchsia, 20%);
.element {
color: $fiery-fuchsia;
box-shadow: 0 0 0 2px rgba($fiery-fuchsia, 0.35);
}