Benannte Farbe · #FD3A4A
Red Salsa
Red Salsa ist #FD3A4A: rgb(253 58 74), hsl(355 98% 61%), oklch(0.653 0.228 22.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Salsa color name →
#FD3A4A
oklch(0.653 0.228 22.5)
Farbumrechnungen
- HEX
- #fd3a4a
- RGB
- rgb(253 58 74)
- HSL
- hsl(355 98% 61%)
- HWB
- hwb(355 23% 1%)
- OKLCH
- oklch(0.653 0.228 22.5)
- OKLab
- oklab(0.653 0.211 0.087)
- CIE Lab
- lab(57.37 72.85 40.03)
- LCH
- lch(57.37 83.12 28.8)
- CMYK
- cmyk(0% 77% 71% 1%)
Tints · Shades · Tones
Tints
- FF575D
- FF6E6F
- FF8280
- FF9692
- FFA8A4
- FFBAB6
- FFCCC8
- FFDDDA
- FFEEED
Shades
- DC313F
- BC2835
- 9D202A
- 7F1820
- 621017
- 47090E
- 2D0406
- 160102
- 030000
Tones
- F24851
- E75357
- DB5C5D
- D06463
- C46A68
- B7706D
- AB7572
- 9D7977
- 8F7D7B
Farbharmonien
Komplementär +180°
- FD3A4A
Red Salsa
- 00A3AD
≈ Aare River Brienz
Analog -30° +30°
- FD3A4A
Red Salsa
- EF3D9D
≈ Major Magenta
- DC6C00
≈ Apple II Chocolate
Triadisch +120° +240°
- FD3A4A
Red Salsa
- 02AF00
≈ Pikkoro Green
- 4F8AFF
≈ Skinny Jeans
Geteilt komplementär +150° +210°
- FD3A4A
Red Salsa
- 00A888
≈ Moray Eel
- 009DD4
≈ Structural Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.57:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.88:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 5.88:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--red-salsa: #fd3a4a;
--red-salsa-rgb: 253 58 74;
--red-salsa-oklch: oklch(0.653 0.228 22.5);
}
.element {
color: var(--red-salsa);
background-color: hsl(355 98% 61%);
border-color: oklch(0.653 0.228 22.5);
}Tailwind CSS v4
@theme {
--color-red-salsa: #fd3a4a;
--color-red-salsa-50: #ffdcd5;
--color-red-salsa-100: #ffcac2;
--color-red-salsa-200: #ffaba3;
--color-red-salsa-300: #ff817b;
--color-red-salsa-400: #ff545c;
--color-red-salsa-500: #f90037;
--color-red-salsa-600: #d30e30;
--color-red-salsa-700: #aa0e26;
--color-red-salsa-800: #7f061d;
--color-red-salsa-900: #5a0513;
--color-red-salsa-950: #3c0006;
}SCSS
$red-salsa: #fd3a4a;
$red-salsa-rgb: 253, 58, 74;
$red-salsa-light: mix(#fff, $red-salsa, 20%);
$red-salsa-dark: mix(#000, $red-salsa, 20%);
.element {
color: $red-salsa;
box-shadow: 0 0 0 2px rgba($red-salsa, 0.35);
}