命名颜色 · #B57B2E
Mandalay
Mandalay 即 #B57B2E：rgb(181 123 46)、hsl(34 59% 45%)、oklch(0.629 0.116 70)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Mandalay color name →
#B57B2E
oklch(0.629 0.116 70)
颜色转换
- HEX
- #b57b2e
- RGB
- rgb(181 123 46)
- HSL
- hsl(34 59% 45%)
- HWB
- hwb(34 18% 29%)
- OKLCH
- oklch(0.629 0.116 70)
- OKLab
- oklab(0.629 0.04 0.109)
- CIE Lab
- lab(56.73 18.27 49.45)
- LCH
- lch(56.73 52.72 69.7)
- CMYK
- cmyk(0% 32% 75% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- BD8847
- C5955D
- CCA272
- D4AF86
- DBBC9A
- E2CAAE
- EAD7C2
- F1E4D6
- F8F2EB
深色调
- 9D6A27
- 865A1F
- 6F4A18
- 593A12
- 442C0B
- 301E06
- 1D1002
- 0C0501
- 020100
灰色调
- B07C3A
- AB7D45
- A67E4E
- A17E56
- 9B7F5E
- 967F66
- 91806D
- 8B8073
- 86807A
配色和谐
互补色 +180°
- B57B2E
Mandalay
- 4E8DCC
≈ Blue Dart
类似色 -30° +30°
- B57B2E
Mandalay
- C36F51
≈ Spice Route
- 998A28
≈ Offbeat Green
三角配色 +120° +240°
- B57B2E
Mandalay
- 009D97
≈ Caribbean Turquoise
- 9E74BD
≈ Purple Pride
分裂互补色 +150° +210°
- B57B2E
Mandalay
- 0098B8
≈ Serene Blue
- 7B80CD
≈ Tanzine
四角配色 +90° +180° +270°
- B57B2E
Mandalay
- 3B9E70
≈ Bulma Hair
- 4E8DCC
≈ Blue Dart
- B76B9F
≈ Pearly Purple
对比度与无障碍
Ag
Fail白底
WCAG 3.59:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.83:1 · APCA Lc 38
最佳文字颜色: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
代码片段
CSS
:root {
--mandalay: #b57b2e;
--mandalay-rgb: 181 123 46;
--mandalay-oklch: oklch(0.629 0.116 70);
}
.element {
color: var(--mandalay);
background-color: hsl(34 59% 45%);
border-color: oklch(0.629 0.116 70);
}Tailwind CSS v4
@theme {
--color-mandalay: #b57b2e;
--color-mandalay-50: #fff1d2;
--color-mandalay-100: #ffe2be;
--color-mandalay-200: #f4cd9e;
--color-mandalay-300: #dcae74;
--color-mandalay-400: #ca924c;
--color-mandalay-500: #b67617;
--color-mandalay-600: #9a6418;
--color-mandalay-700: #7c5013;
--color-mandalay-800: #5c3a0c;
--color-mandalay-900: #412808;
--color-mandalay-950: #291500;
}SCSS
$mandalay: #b57b2e;
$mandalay-rgb: 181, 123, 46;
$mandalay-light: mix(#fff, $mandalay, 20%);
$mandalay-dark: mix(#000, $mandalay, 20%);
.element {
color: $mandalay;
box-shadow: 0 0 0 2px rgba($mandalay, 0.35);
}