Benannte Farbe · #C69F26
Mustard Seed
Mustard Seed ist #C69F26: rgb(198 159 38), hsl(45 68% 46%), oklch(0.719 0.136 89.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mustard Seed color name →
#C69F26
oklch(0.719 0.136 89.4)
Farbumrechnungen
- HEX
- #c69f26
- RGB
- rgb(198 159 38)
- HSL
- hsl(45 68% 46%)
- HWB
- hwb(45 15% 22%)
- OKLCH
- oklch(0.719 0.136 89.4)
- OKLab
- oklab(0.719 0.001 0.136)
- CIE Lab
- lab(67.68 6.71 63)
- LCH
- lch(67.68 63.36 83.9)
- CMYK
- cmyk(0% 20% 81% 22%)
Tints · Shades · Tones
Tints
- CCA946
- D1B25F
- D7BC75
- DDC68A
- E2CF9E
- E8D9B2
- EEE2C5
- F4ECD8
- F9F6EC
Shades
- AC8A20
- 927519
- 7A6113
- 624D0D
- 4B3B08
- 352904
- 211802
- 0E0901
- 020100
Tones
- BF9C38
- B89945
- B19650
- AA9359
- A39061
- 9C8D68
- 958A6F
- 8E8775
- 87837B
Farbharmonien
Komplementär +180°
- C69F26
Mustard Seed
- 829FF9
≈ Periwinkle Blue
Analog -30° +30°
- C69F26
Mustard Seed
- E28D42
≈ Orange Drop
- 9BB043
≈ Bamboo Leaf
Triadisch +120° +240°
- C69F26
Mustard Seed
- 00B9CE
≈ Utopia Beckons
- D383CD
≈ Purception
Geteilt komplementär +150° +210°
- C69F26
Mustard Seed
- 42AEF0
≈ Adamantine Blue
- B18FED
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
- C69F26
Mustard Seed
- 00BEA6
≈ Tealish
- 829FF9
≈ Periwinkle Blue
- E87DA2
≈ Mangala Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.50:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.38:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--mustard-seed: #c69f26;
--mustard-seed-rgb: 198 159 38;
--mustard-seed-oklch: oklch(0.719 0.136 89.4);
}
.element {
color: var(--mustard-seed);
background-color: hsl(45 68% 46%);
border-color: oklch(0.719 0.136 89.4);
}Tailwind CSS v4
@theme {
--color-mustard-seed: #c69f26;
--color-mustard-seed-50: #fff5c9;
--color-mustard-seed-100: #f9e7b4;
--color-mustard-seed-200: #ead390;
--color-mustard-seed-300: #d1b561;
--color-mustard-seed-400: #be9a2b;
--color-mustard-seed-500: #aa7f00;
--color-mustard-seed-600: #8f6c00;
--color-mustard-seed-700: #735600;
--color-mustard-seed-800: #563e00;
--color-mustard-seed-900: #3c2b00;
--color-mustard-seed-950: #261800;
}SCSS
$mustard-seed: #c69f26;
$mustard-seed-rgb: 198, 159, 38;
$mustard-seed-light: mix(#fff, $mustard-seed, 20%);
$mustard-seed-dark: mix(#000, $mustard-seed, 20%);
.element {
color: $mustard-seed;
box-shadow: 0 0 0 2px rgba($mustard-seed, 0.35);
}