Color con nombre · #BDB387
Minced Ginger
Minced Ginger es #BDB387: rgb(189 179 135), hsl(49 29% 64%), oklch(0.764 0.06 96.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Minced Ginger color name →
#BDB387
oklch(0.764 0.06 96.8)
Conversiones de color
- HEX
- #bdb387
- RGB
- rgb(189 179 135)
- HSL
- hsl(49 29% 64%)
- HWB
- hwb(49 53% 26%)
- OKLCH
- oklch(0.764 0.06 96.8)
- OKLab
- oklab(0.764 -0.007 0.06)
- CIE Lab
- lab(72.96 -1.41 23.91)
- LCH
- lch(72.96 23.95 93.4)
- CMYK
- cmyk(0% 5% 29% 26%)
Tintes · Sombras · Tonos
Tintes
- C3BA93
- CAC29F
- D0C9AB
- D7D1B6
- DDD9C2
- E4E0CE
- EBE8DA
- F1F0E7
- F8F7F3
Sombras
- A49B75
- 8C8463
- 746E51
- 5D5841
- 474331
- 332F21
- 1F1D13
- 0D0C06
- 020101
Tonos
- B7AE87
- B0A986
- AAA486
- A49E85
- 9E9984
- 989484
- 928F83
- 8C8A82
- 868581
Armonías de color
Complementario +180°
- BDB387
Minced Ginger
- A8B0D9
≈ High Style
Análogo -30° +30°
- BDB387
Minced Ginger
- CDAB8A
≈ African Sand
- A8BA91
≈ Byakuroku Green
Triádico +120° +240°
- BDB387
Minced Ginger
- 86BCCB
≈ Blue Echo
- CCA4C1
≈ Safflower Wisteria
Complementario dividido +150° +210°
- BDB387
Minced Ginger
- 94B7D7
≈ Blue Beyond
- BCA9D1
≈ Immortal
Tetrádico +90° +180° +270°
- BDB387
Minced Ginger
- 86BFB9
≈ Undine
- A8B0D9
≈ High Style
- D5A3AC
≈ Young at Heart
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 9.96:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--minced-ginger: #bdb387;
--minced-ginger-rgb: 189 179 135;
--minced-ginger-oklch: oklch(0.764 0.06 96.8);
}
.element {
color: var(--minced-ginger);
background-color: hsl(49 29% 64%);
border-color: oklch(0.764 0.06 96.8);
}Tailwind CSS v4
@theme {
--color-minced-ginger: #bdb387;
--color-minced-ginger-50: #f9f6e2;
--color-minced-ginger-100: #ede9d2;
--color-minced-ginger-200: #dad5b8;
--color-minced-ginger-300: #bfb895;
--color-minced-ginger-400: #a89f76;
--color-minced-ginger-500: #918757;
--color-minced-ginger-600: #7b724a;
--color-minced-ginger-700: #625b3b;
--color-minced-ginger-800: #49422a;
--color-minced-ginger-900: #332e1c;
--color-minced-ginger-950: #1e1a0c;
}SCSS
$minced-ginger: #bdb387;
$minced-ginger-rgb: 189, 179, 135;
$minced-ginger-light: mix(#fff, $minced-ginger, 20%);
$minced-ginger-dark: mix(#000, $minced-ginger, 20%);
.element {
color: $minced-ginger;
box-shadow: 0 0 0 2px rgba($minced-ginger, 0.35);
}