命名颜色 · #C5A574
Mustard Seed Beige
Mustard Seed Beige 即 #C5A574：rgb(197 165 116)、hsl(36 41% 61%)、oklch(0.739 0.075 77.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Mustard Seed Beige color name →
#C5A574
oklch(0.739 0.075 77.8)
颜色转换
- HEX
- #c5a574
- RGB
- rgb(197 165 116)
- HSL
- hsl(36 41% 61%)
- HWB
- hwb(36 45% 23%)
- OKLCH
- oklch(0.739 0.075 77.8)
- OKLab
- oklab(0.739 0.016 0.074)
- CIE Lab
- lab(69.79 7.21 30.02)
- LCH
- lch(69.79 30.87 76.5)
- CMYK
- cmyk(0% 16% 41% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- CBAE82
- D1B790
- D6C09E
- DCC9AB
- E2D2B9
- E8DBC7
- EEE4D5
- F3EDE3
- F9F6F1
深色调
- AB8F64
- 927954
- 796545
- 615137
- 4B3D29
- 352B1B
- 211A0F
- 0E0A05
- 020101
灰色调
- BEA176
- B79E77
- B09A79
- A9967A
- A2937C
- 9B8F7D
- 948B7E
- 8E877F
- 87847F
配色和谐
互补色 +180°
- C5A574
Mustard Seed Beige
- 8DACDA
≈ Black Drop
类似色 -30° +30°
- C5A574
Mustard Seed Beige
- D39D81
≈ Dusty Coral
- AFAE76
≈ Wasabi Green
三角配色 +120° +240°
- C5A574
Mustard Seed Beige
- 6EB9BB
≈ Surfer
- BF9CCA
≈ Lilac Pink
分裂互补色 +150° +210°
- C5A574
Mustard Seed Beige
- 76B4D0
≈ Alpine Sky
- A7A4D8
≈ Simply Violet
四角配色 +90° +180° +270°
- C5A574
Mustard Seed Beige
- 7ABAA1
≈ Froggy Pond
- 8DACDA
≈ Black Drop
- CF97B3
≈ Exotic Lilac
对比度与无障碍
Ag
Fail白底
WCAG 2.33:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.00:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--mustard-seed-beige: #c5a574;
--mustard-seed-beige-rgb: 197 165 116;
--mustard-seed-beige-oklch: oklch(0.739 0.075 77.8);
}
.element {
color: var(--mustard-seed-beige);
background-color: hsl(36 41% 61%);
border-color: oklch(0.739 0.075 77.8);
}Tailwind CSS v4
@theme {
--color-mustard-seed-beige: #c5a574;
--color-mustard-seed-beige-50: #fff3de;
--color-mustard-seed-beige-100: #f5e6cc;
--color-mustard-seed-beige-200: #e6d1b1;
--color-mustard-seed-beige-300: #ccb48c;
--color-mustard-seed-beige-400: #b7996b;
--color-mustard-seed-beige-500: #a2804a;
--color-mustard-seed-beige-600: #896c40;
--color-mustard-seed-beige-700: #6e5732;
--color-mustard-seed-beige-800: #513f23;
--color-mustard-seed-beige-900: #392b18;
--color-mustard-seed-beige-950: #231808;
}SCSS
$mustard-seed-beige: #c5a574;
$mustard-seed-beige-rgb: 197, 165, 116;
$mustard-seed-beige-light: mix(#fff, $mustard-seed-beige, 20%);
$mustard-seed-beige-dark: mix(#000, $mustard-seed-beige, 20%);
.element {
color: $mustard-seed-beige;
box-shadow: 0 0 0 2px rgba($mustard-seed-beige, 0.35);
}