Benannte Farbe · #C5A574
Mustard Seed Beige
Mustard Seed Beige ist #C5A574: rgb(197 165 116), hsl(36 41% 61%), oklch(0.739 0.075 77.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mustard Seed Beige color name →
#C5A574
oklch(0.739 0.075 77.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CBAE82
- D1B790
- D6C09E
- DCC9AB
- E2D2B9
- E8DBC7
- EEE4D5
- F3EDE3
- F9F6F1
Shades
- AB8F64
- 927954
- 796545
- 615137
- 4B3D29
- 352B1B
- 211A0F
- 0E0A05
- 020101
Tones
- BEA176
- B79E77
- B09A79
- A9967A
- A2937C
- 9B8F7D
- 948B7E
- 8E877F
- 87847F
Farbharmonien
Komplementär +180°
- C5A574
Mustard Seed Beige
- 8DACDA
≈ Black Drop
Analog -30° +30°
- C5A574
Mustard Seed Beige
- D39D81
≈ Dusty Coral
- AFAE76
≈ Wasabi Green
Triadisch +120° +240°
- C5A574
Mustard Seed Beige
- 6EB9BB
≈ Surfer
- BF9CCA
≈ Lilac Pink
Geteilt komplementär +150° +210°
- C5A574
Mustard Seed Beige
- 76B4D0
≈ Alpine Sky
- A7A4D8
≈ Simply Violet
Tetradisch +90° +180° +270°
- C5A574
Mustard Seed Beige
- 7ABAA1
≈ Froggy Pond
- 8DACDA
≈ Black Drop
- CF97B3
≈ Exotic Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.00:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
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);
}