Màu có tên · #C5A574
Mustard Seed Beige
Mustard Seed Beige là #C5A574: rgb(197 165 116), hsl(36 41% 61%), oklch(0.739 0.075 77.8). 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 Orange mean? → · Mustard Seed Beige color name →
#C5A574
oklch(0.739 0.075 77.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CBAE82
- D1B790
- D6C09E
- DCC9AB
- E2D2B9
- E8DBC7
- EEE4D5
- F3EDE3
- F9F6F1
Sắc đậm
- AB8F64
- 927954
- 796545
- 615137
- 4B3D29
- 352B1B
- 211A0F
- 0E0A05
- 020101
Sắc xám
- BEA176
- B79E77
- B09A79
- A9967A
- A2937C
- 9B8F7D
- 948B7E
- 8E877F
- 87847F
Hòa sắc
Bổ túc +180°
- C5A574
Mustard Seed Beige
- 8DACDA
≈ Black Drop
Tương đồng -30° +30°
- C5A574
Mustard Seed Beige
- D39D81
≈ Dusty Coral
- AFAE76
≈ Wasabi Green
Bộ ba +120° +240°
- C5A574
Mustard Seed Beige
- 6EB9BB
≈ Surfer
- BF9CCA
≈ Lilac Pink
Bổ túc chia +150° +210°
- C5A574
Mustard Seed Beige
- 76B4D0
≈ Alpine Sky
- A7A4D8
≈ Simply Violet
Bộ bốn +90° +180° +270°
- C5A574
Mustard Seed Beige
- 7ABAA1
≈ Froggy Pond
- 8DACDA
≈ Black Drop
- CF97B3
≈ Exotic Lilac
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.33:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.00:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
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);
}