Benannte Farbe · #F95554
Red Mana
Red Mana ist #F95554: rgb(249 85 84), hsl(0 93% 65%), oklch(0.673 0.2 24.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Mana color name →
#F95554
oklch(0.673 0.2 24.6)
Farbumrechnungen
- HEX
- #f95554
- RGB
- rgb(249 85 84)
- HSL
- hsl(0 93% 65%)
- HWB
- hwb(0 33% 2%)
- OKLCH
- oklch(0.673 0.2 24.6)
- OKLab
- oklab(0.673 0.182 0.083)
- CIE Lab
- lab(60 63.29 37.17)
- LCH
- lch(60 73.4 30.4)
- CMYK
- cmyk(0% 66% 66% 2%)
Tints · Shades · Tones
Tints
- FC6A65
- FF7D76
- FF8E87
- FF9F98
- FFB0A9
- FFC0BA
- FFD0CB
- FFE0DC
- FFEFEE
Shades
- D94948
- B93D3C
- 9A3131
- 7D2626
- 611C1B
- 461111
- 2C0808
- 150202
- 030000
Tones
- EE5D59
- E3635F
- D86963
- CC6E68
- C0726C
- B47671
- A87975
- 9B7C79
- 8E7E7C
Farbharmonien
Komplementär +180°
- F95554
Red Mana
- 00AAB7
≈ Bluebird
Analog -30° +30°
- F95554
Red Mana
- EE549D
≈ Tutuji Pink
- E27400
≈ Pumpkin Soup
Triadisch +120° +240°
- F95554
Red Mana
- 25B438
≈ Try Your Luck
- 6090FF
≈ Deep Denim
Geteilt komplementär +150° +210°
- F95554
Red Mana
- 00AF91
≈ Hobgoblin
- 00A2E0
≈ Vanadyl Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.25:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.45:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.45:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--red-mana: #f95554;
--red-mana-rgb: 249 85 84;
--red-mana-oklch: oklch(0.673 0.2 24.6);
}
.element {
color: var(--red-mana);
background-color: hsl(0 93% 65%);
border-color: oklch(0.673 0.2 24.6);
}Tailwind CSS v4
@theme {
--color-red-mana: #f95554;
--color-red-mana-50: #ffe0d7;
--color-red-mana-100: #ffcec4;
--color-red-mana-200: #ffb2a6;
--color-red-mana-300: #ff8b7f;
--color-red-mana-400: #ff6360;
--color-red-mana-500: #ee333c;
--color-red-mana-600: #c92e34;
--color-red-mana-700: #a22529;
--color-red-mana-800: #79181f;
--color-red-mana-900: #551015;
--color-red-mana-950: #390206;
}SCSS
$red-mana: #f95554;
$red-mana-rgb: 249, 85, 84;
$red-mana-light: mix(#fff, $red-mana, 20%);
$red-mana-dark: mix(#000, $red-mana, 20%);
.element {
color: $red-mana;
box-shadow: 0 0 0 2px rgba($red-mana, 0.35);
}