Color con nombre · #8A4512
Beef Noodle Broth
Beef Noodle Broth es #8A4512: rgb(138 69 18), hsl(26 77% 31%), oklch(0.469 0.111 51.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Beef Noodle Broth color name →
#8A4512
oklch(0.469 0.111 51.5)
Conversiones de color
- HEX
- #8a4512
- RGB
- rgb(138 69 18)
- HSL
- hsl(26 77% 31%)
- HWB
- hwb(26 7% 46%)
- OKLCH
- oklch(0.469 0.111 51.5)
- OKLab
- oklab(0.469 0.069 0.087)
- CIE Lab
- lab(37.77 27.62 41.76)
- LCH
- lch(37.77 50.07 56.5)
- CMYK
- cmyk(0% 50% 87% 46%)
Tintes · Sombras · Tonos
Tintes
- 97572F
- A36946
- AF7B5D
- BB8D73
- C6A08A
- D2B2A0
- DDC5B7
- E9D8CF
- F4ECE7
Sombras
- 773B0E
- 65310A
- 532707
- 421E04
- 321502
- 220C01
- 140501
- 070200
- 010000
Tonos
- 8A4C22
- 8A522F
- 89583B
- 885E45
- 88644F
- 876A59
- 857063
- 84756D
- 827B76
Armonías de color
Complementario +180°
- 8A4512
Beef Noodle Broth
- 006386
≈ Blue Heist
Análogo -30° +30°
- 8A4512
Beef Noodle Broth
- 8F3D3E
≈ Royal Red Flush
- 765400
≈ Pickled Grape Leaves
Triádico +120° +240°
- 8A4512
Beef Noodle Broth
- 006B54
≈ Poster Green
- 5C4D93
≈ Purple Corallite
Complementario dividido +150° +210°
- 8A4512
Beef Noodle Broth
- 00686D
≈ Tahitian Treat
- 365998
≈ Muted Lavender
Tetrádico +90° +180° +270°
- 8A4512
Beef Noodle Broth
- 326A2B
≈ Radical Green
- 006386
≈ Blue Heist
- 774380
≈ Nightly Violet
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.14:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.94:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.14:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--beef-noodle-broth: #8a4512;
--beef-noodle-broth-rgb: 138 69 18;
--beef-noodle-broth-oklch: oklch(0.469 0.111 51.5);
}
.element {
color: var(--beef-noodle-broth);
background-color: hsl(26 77% 31%);
border-color: oklch(0.469 0.111 51.5);
}Tailwind CSS v4
@theme {
--color-beef-noodle-broth: #8a4512;
--color-beef-noodle-broth-50: #ffedd8;
--color-beef-noodle-broth-100: #ffdfc6;
--color-beef-noodle-broth-200: #fbc8a8;
--color-beef-noodle-broth-300: #e5a881;
--color-beef-noodle-broth-400: #d38b5f;
--color-beef-noodle-broth-500: #bf6e3a;
--color-beef-noodle-broth-600: #a25e32;
--color-beef-noodle-broth-700: #824b28;
--color-beef-noodle-broth-800: #61361c;
--color-beef-noodle-broth-900: #442513;
--color-beef-noodle-broth-950: #2c1305;
}SCSS
$beef-noodle-broth: #8a4512;
$beef-noodle-broth-rgb: 138, 69, 18;
$beef-noodle-broth-light: mix(#fff, $beef-noodle-broth, 20%);
$beef-noodle-broth-dark: mix(#000, $beef-noodle-broth, 20%);
.element {
color: $beef-noodle-broth;
box-shadow: 0 0 0 2px rgba($beef-noodle-broth, 0.35);
}