Cor nomeada · #C5A574
Mustard Seed Beige
Mustard Seed Beige é #C5A574: rgb(197 165 116), hsl(36 41% 61%), oklch(0.739 0.075 77.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mustard Seed Beige color name →
#C5A574
oklch(0.739 0.075 77.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- CBAE82
- D1B790
- D6C09E
- DCC9AB
- E2D2B9
- E8DBC7
- EEE4D5
- F3EDE3
- F9F6F1
Sombras
- AB8F64
- 927954
- 796545
- 615137
- 4B3D29
- 352B1B
- 211A0F
- 0E0A05
- 020101
Tons
- BEA176
- B79E77
- B09A79
- A9967A
- A2937C
- 9B8F7D
- 948B7E
- 8E877F
- 87847F
Harmonias de cor
Complementar +180°
- C5A574
Mustard Seed Beige
- 8DACDA
≈ Black Drop
Análoga -30° +30°
- C5A574
Mustard Seed Beige
- D39D81
≈ Dusty Coral
- AFAE76
≈ Wasabi Green
Tríade +120° +240°
- C5A574
Mustard Seed Beige
- 6EB9BB
≈ Surfer
- BF9CCA
≈ Lilac Pink
Complementar dividida +150° +210°
- C5A574
Mustard Seed Beige
- 76B4D0
≈ Alpine Sky
- A7A4D8
≈ Simply Violet
Tétrade +90° +180° +270°
- C5A574
Mustard Seed Beige
- 7ABAA1
≈ Froggy Pond
- 8DACDA
≈ Black Drop
- CF97B3
≈ Exotic Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.00:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
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);
}