Màu có tên · #811D45
Burgundy Orchid
Burgundy Orchid là #811D45: rgb(129 29 69), hsl(336 63% 31%), oklch(0.409 0.138 1.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Burgundy Orchid color name →
#811D45
oklch(0.409 0.138 1.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8F3756
- 9D4D67
- AB6378
- B8788A
- C58E9D
- D1A4B0
- DDBAC3
- E9D1D7
- F4E8EB
Sắc đậm
- 6F183B
- 5E1331
- 4E0E27
- 3E091E
- 2E0515
- 1F030C
- 120105
- 060002
- 010000
Sắc xám
- 832B4B
- 843650
- 854056
- 854A5C
- 855462
- 855D68
- 85666E
- 846F74
- 82777A
Hòa sắc
Bổ túc +180°
- 811D45
Burgundy Orchid
- 00574D
≈ Castleton Green
Tương đồng -30° +30°
- 811D45
Burgundy Orchid
- 72256B
≈ Byzantium
- 852012
≈ Minotaurus Brown
Bộ ba +120° +240°
- 811D45
Burgundy Orchid
- 425200
≈ Highlands Moss
- 004F79
≈ Sea Paint
Bổ túc chia +150° +210°
- 811D45
Burgundy Orchid
- 005A29
≈ Sombre Green
- 005460
≈ Sandalwood Grey Blue
Bộ bốn +90° +180° +270°
- 811D45
Burgundy Orchid
- 5B4800
≈ Mud Brown
- 00574D
≈ Castleton Green
- 314093
≈ Blue Oblivion
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.56:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.19:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
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);
}