Color con nombre más cercano · #683100
#683100
Color con nombre más cercano: Meatloaf
#683100 (rgb(104 49 0), hsl(28 100% 20%), oklch(0.38 0.096 53.7)) se parece más al color con nombre Meatloaf. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#683100
oklch(0.38 0.096 53.7)
Conversiones de color
- HEX
- #683100
- RGB
- rgb(104 49 0)
- HSL
- hsl(28 100% 20%)
- HWB
- hwb(28 0% 59%)
- OKLCH
- oklch(0.38 0.096 53.7)
- OKLab
- oklab(0.38 0.057 0.077)
- CIE Lab
- lab(27.52 23.13 38.19)
- LCH
- lch(27.52 44.65 58.8)
- CMYK
- cmyk(0% 53% 100% 59%)
Tintes · Sombras · Tonos
Tintes
- 774420
- 875839
- 966B50
- A57F68
- B49480
- C3A998
- D2BEB1
- E1D3CB
- F0E9E5
Sombras
- 592900
- 4B2200
- 3E1A00
- 301300
- 240C00
- 180600
- 0C0300
- 040100
- 000000
Tonos
- 6B3914
- 6E4223
- 714A2F
- 74513B
- 765947
- 796152
- 7B695E
- 7D7069
- 7E7874
Armonías de color
Complementario +180°
- 683100
Meatloaf
- 004866
≈ Stegadon Scale Green
Análogo -30° +30°
- 683100
Meatloaf
- 6C2A29
≈ Spring Lobster Brown
- 563E00
≈ Pineapple
Triádico +120° +240°
- 683100
Meatloaf
- 004F3F
≈ Urban Green
- 463670
≈ Galactic Compass
Complementario dividido +150° +210°
- 683100
Meatloaf
- 004C52
≈ Dark Teal
- 274075
≈ Blue Expanse
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.35:1 · APCA Lc 94
Ag
FailSobre negro
WCAG 2.02:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--meatloaf: #683100;
--meatloaf-rgb: 104 49 0;
--meatloaf-oklch: oklch(0.38 0.096 53.7);
}
.element {
color: var(--meatloaf);
background-color: hsl(28 100% 20%);
border-color: oklch(0.38 0.096 53.7);
}Tailwind CSS v4
@theme {
--color-meatloaf: #683100;
--color-meatloaf-50: #ffefdc;
--color-meatloaf-100: #ffe0ca;
--color-meatloaf-200: #f5caae;
--color-meatloaf-300: #deab88;
--color-meatloaf-400: #cb8f68;
--color-meatloaf-500: #b77346;
--color-meatloaf-600: #9b623c;
--color-meatloaf-700: #7c4e2f;
--color-meatloaf-800: #5c3822;
--color-meatloaf-900: #412716;
--color-meatloaf-950: #291508;
}SCSS
$meatloaf: #683100;
$meatloaf-rgb: 104, 49, 0;
$meatloaf-light: mix(#fff, $meatloaf, 20%);
$meatloaf-dark: mix(#000, $meatloaf, 20%);
.element {
color: $meatloaf;
box-shadow: 0 0 0 2px rgba($meatloaf, 0.35);
}