Colore con nome · #811D45
Burgundy Orchid
Burgundy Orchid è #811D45: rgb(129 29 69), hsl(336 63% 31%), oklch(0.409 0.138 1.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Burgundy Orchid color name →
#811D45
oklch(0.409 0.138 1.4)
Conversioni di colore
- HEX
- #811d45
- RGB
- rgb(129 29 69)
- HSL
- hsl(336 63% 31%)
- HWB
- hwb(336 11% 49%)
- OKLCH
- oklch(0.409 0.138 1.4)
- OKLab
- oklab(0.409 0.138 0.003)
- CIE Lab
- lab(29.73 44.63 2.03)
- LCH
- lch(29.73 44.68 2.6)
- CMYK
- cmyk(0% 78% 47% 49%)
Tinte · Ombre · Toni
Tinte
- 8F3756
- 9D4D67
- AB6378
- B8788A
- C58E9D
- D1A4B0
- DDBAC3
- E9D1D7
- F4E8EB
Ombre
- 6F183B
- 5E1331
- 4E0E27
- 3E091E
- 2E0515
- 1F030C
- 120105
- 060002
- 010000
Toni
- 832B4B
- 843650
- 854056
- 854A5C
- 855462
- 855D68
- 85666E
- 846F74
- 82777A
Armonie di colore
Complementare +180°
- 811D45
Burgundy Orchid
- 00574D
≈ Castleton Green
Analogo -30° +30°
- 811D45
Burgundy Orchid
- 72256B
≈ Byzantium
- 852012
≈ Minotaurus Brown
Triadico +120° +240°
- 811D45
Burgundy Orchid
- 425200
≈ Highlands Moss
- 004F79
≈ Sea Paint
Complementare divisa +150° +210°
- 811D45
Burgundy Orchid
- 005A29
≈ Sombre Green
- 005460
≈ Sandalwood Grey Blue
Tetradico +90° +180° +270°
- 811D45
Burgundy Orchid
- 5B4800
≈ Mud Brown
- 00574D
≈ Castleton Green
- 314093
≈ Blue Oblivion
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.56:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.19:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--burgundy-orchid: #811d45;
--burgundy-orchid-rgb: 129 29 69;
--burgundy-orchid-oklch: oklch(0.409 0.138 1.4);
}
.element {
color: var(--burgundy-orchid);
background-color: hsl(336 63% 31%);
border-color: oklch(0.409 0.138 1.4);
}Tailwind CSS v4
@theme {
--color-burgundy-orchid: #811d45;
--color-burgundy-orchid-50: #ffe5f1;
--color-burgundy-orchid-100: #ffd5e3;
--color-burgundy-orchid-200: #ffbcce;
--color-burgundy-orchid-300: #f399b0;
--color-burgundy-orchid-400: #e07999;
--color-burgundy-orchid-500: #cd5980;
--color-burgundy-orchid-600: #ad4c6c;
--color-burgundy-orchid-700: #8b3d57;
--color-burgundy-orchid-800: #672b41;
--color-burgundy-orchid-900: #481d2d;
--color-burgundy-orchid-950: #2f0d1a;
}SCSS
$burgundy-orchid: #811d45;
$burgundy-orchid-rgb: 129, 29, 69;
$burgundy-orchid-light: mix(#fff, $burgundy-orchid, 20%);
$burgundy-orchid-dark: mix(#000, $burgundy-orchid, 20%);
.element {
color: $burgundy-orchid;
box-shadow: 0 0 0 2px rgba($burgundy-orchid, 0.35);
}