Color con nombre · #4D3113
Bavarian Sweet Mustard
Bavarian Sweet Mustard es #4D3113: rgb(77 49 19), hsl(31 60% 19%), oklch(0.34 0.06 65.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Bavarian Sweet Mustard color name →
#4D3113
oklch(0.34 0.06 65.1)
Conversiones de color
- HEX
- #4d3113
- RGB
- rgb(77 49 19)
- HSL
- hsl(31 60% 19%)
- HWB
- hwb(31 7% 70%)
- OKLCH
- oklch(0.34 0.06 65.1)
- OKLab
- oklab(0.34 0.025 0.054)
- CIE Lab
- lab(23.31 10.73 23.98)
- LCH
- lch(23.31 26.27 65.9)
- CMYK
- cmyk(0% 36% 75% 70%)
Tintes · Sombras · Tonos
Tintes
- 5E4329
- 6E563F
- 7F6A55
- 917D6B
- A39283
- B5A79A
- C7BCB3
- D9D2CC
- ECE8E5
Sombras
- 42290F
- 37220B
- 2C1A07
- 221305
- 180C03
- 0F0601
- 070301
- 020100
- 000000
Tonos
- 52391F
- 57402A
- 5D4834
- 62503F
- 675849
- 6C6054
- 71685F
- 76706A
- 7B7875
Armonías de color
Complementario +180°
- 4D3113
Bavarian Sweet Mustard
- 1B3B55
≈ Gibraltar Sea
Análogo -30° +30°
- 4D3113
Bavarian Sweet Mustard
- 522C22
≈ Momoshio Brown
- 42370E
≈ Camouflage
Triádico +120° +240°
- 4D3113
Bavarian Sweet Mustard
- 01423C
≈ Botanical Night
- 3F3051
≈ Sanctum of Shadows
Complementario dividido +150° +210°
- 4D3113
Bavarian Sweet Mustard
- 013F4B
≈ Ghostlands Coal
- 2F3557
≈ Midnight Escapade
Tetrádico +90° +180° +270°
- 4D3113
Bavarian Sweet Mustard
- 1B412A
≈ Mizukaze Green
- 1B3B55
≈ Gibraltar Sea
- 4B2C44
≈ Purple Pennant
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.90:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.76:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.90:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--bavarian-sweet-mustard: #4d3113;
--bavarian-sweet-mustard-rgb: 77 49 19;
--bavarian-sweet-mustard-oklch: oklch(0.34 0.06 65.1);
}
.element {
color: var(--bavarian-sweet-mustard);
background-color: hsl(31 60% 19%);
border-color: oklch(0.34 0.06 65.1);
}Tailwind CSS v4
@theme {
--color-bavarian-sweet-mustard: #4d3113;
--color-bavarian-sweet-mustard-50: #fff2e4;
--color-bavarian-sweet-mustard-100: #f6e5d3;
--color-bavarian-sweet-mustard-200: #e6d0ba;
--color-bavarian-sweet-mustard-300: #cdb298;
--color-bavarian-sweet-mustard-400: #b8987a;
--color-bavarian-sweet-mustard-500: #a27e5c;
--color-bavarian-sweet-mustard-600: #896b4e;
--color-bavarian-sweet-mustard-700: #6e553e;
--color-bavarian-sweet-mustard-800: #513e2d;
--color-bavarian-sweet-mustard-900: #392b1e;
--color-bavarian-sweet-mustard-950: #23180e;
}SCSS
$bavarian-sweet-mustard: #4d3113;
$bavarian-sweet-mustard-rgb: 77, 49, 19;
$bavarian-sweet-mustard-light: mix(#fff, $bavarian-sweet-mustard, 20%);
$bavarian-sweet-mustard-dark: mix(#000, $bavarian-sweet-mustard, 20%);
.element {
color: $bavarian-sweet-mustard;
box-shadow: 0 0 0 2px rgba($bavarian-sweet-mustard, 0.35);
}