Benannte Farbe · #6E0F12
Festive Bordeaux
Festive Bordeaux ist #6E0F12: rgb(110 15 18), hsl(358 76% 25%), oklch(0.349 0.128 25.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Festive Bordeaux color name →
#6E0F12
oklch(0.349 0.128 25.8)
Farbumrechnungen
- HEX
- #6e0f12
- RGB
- rgb(110 15 18)
- HSL
- hsl(358 76% 25%)
- HWB
- hwb(358 6% 57%)
- OKLCH
- oklch(0.349 0.128 25.8)
- OKLab
- oklab(0.349 0.115 0.056)
- CIE Lab
- lab(23.16 40.46 26.81)
- LCH
- lch(23.16 48.54 33.5)
- CMYK
- cmyk(0% 86% 84% 57%)
Tints · Shades · Tones
Tints
- 7E2C28
- 8E443E
- 9D5A54
- AC716B
- BB8882
- C99F9A
- D7B6B2
- E5CECB
- F2E6E5
Shades
- 5F0B0E
- 50080A
- 410507
- 330304
- 260202
- 190101
- 0E0001
- 040000
- 010000
Tones
- 72201E
- 752D29
- 783834
- 7A433E
- 7C4E49
- 7E5854
- 7F625F
- 806C6A
- 807675
Farbharmonien
Komplementär +180°
- 6E0F12
Festive Bordeaux
- 004349
≈ Dark Side
Analog -30° +30°
- 6E0F12
Festive Bordeaux
- 690F3D
≈ Her Fierceness
- 5B2C00
≈ Count Chocula
Triadisch +120° +240°
- 6E0F12
Festive Bordeaux
- 004811
≈ British Racing Green
- 1A337C
≈ Twilight Express
Geteilt komplementär +150° +210°
- 6E0F12
Festive Bordeaux
- 004539
≈ UP Forest Green
- 003F5C
≈ Maniac Mansion
Tetradisch +90° +180° +270°
- 6E0F12
Festive Bordeaux
- 393F00
≈ Dark Olive
- 004349
≈ Dark Side
- 422574
≈ Clear Purple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.06:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.74:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.06:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--festive-bordeaux: #6e0f12;
--festive-bordeaux-rgb: 110 15 18;
--festive-bordeaux-oklch: oklch(0.349 0.128 25.8);
}
.element {
color: var(--festive-bordeaux);
background-color: hsl(358 76% 25%);
border-color: oklch(0.349 0.128 25.8);
}Tailwind CSS v4
@theme {
--color-festive-bordeaux: #6e0f12;
--color-festive-bordeaux-50: #ffe8e1;
--color-festive-bordeaux-100: #ffd9d0;
--color-festive-bordeaux-200: #ffc0b6;
--color-festive-bordeaux-300: #f29e93;
--color-festive-bordeaux-400: #e07f76;
--color-festive-bordeaux-500: #cd6058;
--color-festive-bordeaux-600: #ad514b;
--color-festive-bordeaux-700: #8b413c;
--color-festive-bordeaux-800: #682e2c;
--color-festive-bordeaux-900: #491f1e;
--color-festive-bordeaux-950: #2f0e0e;
}SCSS
$festive-bordeaux: #6e0f12;
$festive-bordeaux-rgb: 110, 15, 18;
$festive-bordeaux-light: mix(#fff, $festive-bordeaux, 20%);
$festive-bordeaux-dark: mix(#000, $festive-bordeaux, 20%);
.element {
color: $festive-bordeaux;
box-shadow: 0 0 0 2px rgba($festive-bordeaux, 0.35);
}