Benannte Farbe · #900020
Burgundy
Burgundy ist #900020: rgb(144 0 32), hsl(347 100% 28%), oklch(0.413 0.166 20.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Burgundy color name →
#900020
oklch(0.413 0.166 20.8)
Farbumrechnungen
- HEX
- #900020
- RGB
- rgb(144 0 32)
- HSL
- hsl(347 100% 28%)
- HWB
- hwb(347 0% 44%)
- OKLCH
- oklch(0.413 0.166 20.8)
- OKLab
- oklab(0.413 0.155 0.059)
- CIE Lab
- lab(30.14 53.28 27.92)
- LCH
- lch(30.14 60.15 27.7)
- CMYK
- cmyk(0% 100% 78% 44%)
Tints · Shades · Tones
Tints
- 9E2C35
- AB464A
- B85E5F
- C47574
- CF8C8A
- DAA2A1
- E4B9B8
- EED0CF
- F7E7E7
Shades
- 7D001A
- 6A0015
- 57000F
- 45000A
- 340006
- 240003
- 150001
- 070000
- 010000
Tones
- 911E2A
- 912E34
- 903B3E
- 904647
- 8F5150
- 8D5B5A
- 8B6463
- 886E6D
- 847776
Farbharmonien
Komplementär +180°
- 900020
Burgundy
- 00565B
≈ Deep Teal
Analog -30° +30°
- 900020
Burgundy
- 870856
≈ French Plum
- 773600
≈ Bay Brown
Triadisch +120° +240°
- 900020
Burgundy
- 125C00
≈ Lincoln Green
- 0842A3
≈ Indian Peafowl
Geteilt komplementär +150° +210°
- 900020
Burgundy
- 005945
≈ Forest Shadows
- 005370
≈ Night Kite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.51:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.20:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--burgundy: #900020;
--burgundy-rgb: 144 0 32;
--burgundy-oklch: oklch(0.413 0.166 20.8);
}
.element {
color: var(--burgundy);
background-color: hsl(347 100% 28%);
border-color: oklch(0.413 0.166 20.8);
}Tailwind CSS v4
@theme {
--color-burgundy: #900020;
--color-burgundy-50: #ffe3df;
--color-burgundy-100: #ffd3ce;
--color-burgundy-200: #ffb8b3;
--color-burgundy-300: #ff938f;
--color-burgundy-400: #f07173;
--color-burgundy-500: #df4b55;
--color-burgundy-600: #bc4148;
--color-burgundy-700: #973439;
--color-burgundy-800: #71242b;
--color-burgundy-900: #50181d;
--color-burgundy-950: #34080d;
}SCSS
$burgundy: #900020;
$burgundy-rgb: 144, 0, 32;
$burgundy-light: mix(#fff, $burgundy, 20%);
$burgundy-dark: mix(#000, $burgundy, 20%);
.element {
color: $burgundy;
box-shadow: 0 0 0 2px rgba($burgundy, 0.35);
}