Nazwany kolor · #900020
Burgundy
Burgundy to #900020: rgb(144 0 32), hsl(347 100% 28%), oklch(0.413 0.166 20.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Burgundy color name →
#900020
oklch(0.413 0.166 20.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E2C35
- AB464A
- B85E5F
- C47574
- CF8C8A
- DAA2A1
- E4B9B8
- EED0CF
- F7E7E7
Odcienie ciemniejsze
- 7D001A
- 6A0015
- 57000F
- 45000A
- 340006
- 240003
- 150001
- 070000
- 010000
Tony
- 911E2A
- 912E34
- 903B3E
- 904647
- 8F5150
- 8D5B5A
- 8B6463
- 886E6D
- 847776
Harmonie kolorów
Komplementarna +180°
- 900020
Burgundy
- 00565B
≈ Deep Teal
Analogowa -30° +30°
- 900020
Burgundy
- 870856
≈ French Plum
- 773600
≈ Bay Brown
Triada +120° +240°
- 900020
Burgundy
- 125C00
≈ Lincoln Green
- 0842A3
≈ Indian Peafowl
Komplementarna rozszczepiona +150° +210°
- 900020
Burgundy
- 005945
≈ Forest Shadows
- 005370
≈ Night Kite
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.51:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.20:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}