Benannte Farbe · #7B002C
Bordeaux
Bordeaux ist #7B002C: rgb(123 0 44), hsl(339 100% 24%), oklch(0.372 0.149 11.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bordeaux color name →
#7B002C
oklch(0.372 0.149 11.1)
Farbumrechnungen
- HEX
- #7b002c
- RGB
- rgb(123 0 44)
- HSL
- hsl(339 100% 24%)
- HWB
- hwb(339 0% 52%)
- OKLCH
- oklch(0.372 0.149 11.1)
- OKLab
- oklab(0.372 0.146 0.029)
- CIE Lab
- lab(25.44 48.15 12.86)
- LCH
- lch(25.44 49.84 15)
- CMYK
- cmyk(0% 100% 64% 52%)
Tints · Shades · Tones
Tints
- 8B273E
- 9A4151
- A85965
- B6707A
- C3878F
- D09FA4
- DDB6BA
- E9CED1
- F4E6E8
Shades
- 6A0025
- 5A001E
- 4A0017
- 3A0011
- 2C000A
- 1E0005
- 100002
- 050001
- 010000
Tones
- 7E1A34
- 802A3C
- 813644
- 83424C
- 844D55
- 84585D
- 846266
- 836C6E
- 827677
Farbharmonien
Komplementär +180°
- 7B002C
Bordeaux
- 004B48
≈ Deep Into the Jungle
Analog -30° +30°
- 7B002C
Bordeaux
- 6F0D57
≈ Rich Purple
- 6F2400
≈ Centipede Brown
Triadisch +120° +240°
- 7B002C
Bordeaux
- 2C4A00
≈ Treetop Cathedral
- 004177
≈ Mermaid Blues
Geteilt komplementär +150° +210°
- 7B002C
Bordeaux
- 004D32
≈ Troll Green
- 00485A
≈ Sultan’s Silk
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.17:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--bordeaux: #7b002c;
--bordeaux-rgb: 123 0 44;
--bordeaux-oklch: oklch(0.372 0.149 11.1);
}
.element {
color: var(--bordeaux);
background-color: hsl(339 100% 24%);
border-color: oklch(0.372 0.149 11.1);
}Tailwind CSS v4
@theme {
--color-bordeaux: #7b002c;
--color-bordeaux-50: #ffe5e9;
--color-bordeaux-100: #ffd4da;
--color-bordeaux-200: #ffbac2;
--color-bordeaux-300: #f997a1;
--color-bordeaux-400: #e77688;
--color-bordeaux-500: #d5546d;
--color-bordeaux-600: #b4485d;
--color-bordeaux-700: #91394a;
--color-bordeaux-800: #6b2837;
--color-bordeaux-900: #4c1b26;
--color-bordeaux-950: #320b14;
}SCSS
$bordeaux: #7b002c;
$bordeaux-rgb: 123, 0, 44;
$bordeaux-light: mix(#fff, $bordeaux, 20%);
$bordeaux-dark: mix(#000, $bordeaux, 20%);
.element {
color: $bordeaux;
box-shadow: 0 0 0 2px rgba($bordeaux, 0.35);
}