Benannte Farbe · #BE3C37
Flirt Alert
Flirt Alert ist #BE3C37: rgb(190 60 55), hsl(2 55% 48%), oklch(0.545 0.167 26.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Flirt Alert color name →
#BE3C37
oklch(0.545 0.167 26.5)
Farbumrechnungen
- HEX
- #be3c37
- RGB
- rgb(190 60 55)
- HSL
- hsl(2 55% 48%)
- HWB
- hwb(2 22% 25%)
- OKLCH
- oklch(0.545 0.167 26.5)
- OKLab
- oklab(0.545 0.15 0.075)
- CIE Lab
- lab(45.53 52.48 33.88)
- LCH
- lch(45.53 62.47 32.8)
- CMYK
- cmyk(0% 68% 71% 25%)
Tints · Shades · Tones
Tints
- C7534B
- D0675E
- D77B72
- DF8E85
- E6A199
- ECB3AD
- F2C6C1
- F7D9D5
- FBECEA
Shades
- A5332E
- 8C2A26
- 75211E
- 5E1916
- 48110F
- 330A08
- 1F0403
- 0D0101
- 020000
Tones
- B9463F
- B44F47
- AF574F
- AA5E56
- A4645E
- 9E6A65
- 97706C
- 907672
- 887B79
Farbharmonien
Komplementär +180°
- BE3C37
Flirt Alert
- 007F8B
≈ Metallic Seaweed
Analog -30° +30°
- BE3C37
Flirt Alert
- B63A72
≈ Fiery Fuchsia
- A85800
≈ Tijolo
Triadisch +120° +240°
- BE3C37
Flirt Alert
- 00882C
≈ Broccoli Paradise
- 4367D0
≈ God of Rain
Geteilt komplementär +150° +210°
- BE3C37
Flirt Alert
- 00836E
≈ Viridis
- 0079AB
≈ Sixties Blue
Tetradisch +90° +180° +270°
- BE3C37
Flirt Alert
- 6C7800
≈ Murky Green
- 007F8B
≈ Metallic Seaweed
- 7B55C4
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.39:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.89:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--flirt-alert: #be3c37;
--flirt-alert-rgb: 190 60 55;
--flirt-alert-oklch: oklch(0.545 0.167 26.5);
}
.element {
color: var(--flirt-alert);
background-color: hsl(2 55% 48%);
border-color: oklch(0.545 0.167 26.5);
}Tailwind CSS v4
@theme {
--color-flirt-alert: #be3c37;
--color-flirt-alert-50: #ffe4da;
--color-flirt-alert-100: #ffd3c9;
--color-flirt-alert-200: #ffb9ac;
--color-flirt-alert-300: #ff9486;
--color-flirt-alert-400: #f17268;
--color-flirt-alert-500: #df4c46;
--color-flirt-alert-600: #bd423c;
--color-flirt-alert-700: #983530;
--color-flirt-alert-800: #712524;
--color-flirt-alert-900: #501918;
--color-flirt-alert-950: #350809;
}SCSS
$flirt-alert: #be3c37;
$flirt-alert-rgb: 190, 60, 55;
$flirt-alert-light: mix(#fff, $flirt-alert, 20%);
$flirt-alert-dark: mix(#000, $flirt-alert, 20%);
.element {
color: $flirt-alert;
box-shadow: 0 0 0 2px rgba($flirt-alert, 0.35);
}